跳到取色器

配色生成器

按空格键生成新配色。锁定喜欢的颜色,其余颜色会随之调整。

配色灵感
风格
  1. 0F172A低饱和 极深蓝色
  2. 1E40AF柔和 深蓝色
  3. 60A5FA鲜艳 浅蓝色
  4. FDE68A粉彩 极浅黄色
  5. F97316鲜艳 浅橙色

空格生成新配色,Ctrl+Z 撤销,点击颜色即可编辑。

导出

导出
颜色值
:root {
    --midnight-blue: oklch(20.768% 0.03982 265.755);
    --cobalt: oklch(42.445% 0.18087 265.638);
    --azure: oklch(71.374% 0.14338 254.624);
    --khaki: oklch(92.428% 0.11513 95.746);
    --pumpkin: oklch(70.487% 0.18672 47.604);
}

检查

可读的文字组合

  • Aa14.3:1
  • Aa7.0:1
  • Aa7.0:1
  • Aa6.4:1

色盲人群难以区分的组合:1 组

在模拟器中打开

配色中的颜色

名称HEXRGBOKLCH
低饱和 极深蓝色#0f172argb(15 23 42)oklch(20.768% 0.03982 265.755)
柔和 深蓝色#1e40afrgb(30 64 175)oklch(42.445% 0.18087 265.638)
鲜艳 浅蓝色#60a5fargb(96 165 250)oklch(71.374% 0.14338 254.624)
粉彩 极浅黄色#fde68argb(253 230 138)oklch(92.428% 0.11513 95.746)
鲜艳 浅橙色#f97316rgb(249 115 22)oklch(70.487% 0.18672 47.604)