当前颜色
#16baaa
颜色代码表
点色块即可复制 HEX,点「详情」看完整代码
按色相快速跳转
点一下就把搜索框换成对应色相范围的关键词(按色相排序后更直观)
使用说明
  • 数据来源:CSS 标准色(W3C 命名色)、Material Design 官方色板、Tailwind CSS 默认色板,HEX 值都取自官方定义。
  • 点色块复制 HEX;详情面板里可以分别复制 HEX、RGB、HSL、CMYK,以及直接可用的 CSS 代码。
  • 建议文字色是按 WCAG 对比度算出来的:白字或黑字哪个对比度高就用哪个,做按钮、标签时很省事。
  • 搜索支持中文名(如「藏青」「薰衣草」)、英文名(如 blue、slate)、HEX(#1e90ff 或 1e90ff)和 RGB(59,130,246)。
  • 需要大量取色时,先按分类筛选或搜索,再点「导出 CSV」,用 Excel 慢慢挑。
  • 颜色代码表在浏览器本地渲染,不联网也能用。