配色產生器

按空白鍵產生新配色。鎖定喜歡的顏色，其餘顏色會跟著調整。

配色靈感

風格

0F172A低彩度極深藍色
1E40AF柔和深藍色
60A5FA鮮豔淺藍色
FDE68A粉彩極淺黃色
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 組

在模擬器中開啟

這組配色中的顏色

HEX	RGB	OKLCH
#0f172a	rgb(15 23 42)	oklch(20.768% 0.03982 265.755)
#1e40af	rgb(30 64 175)	oklch(42.445% 0.18087 265.638)
#60a5fa	rgb(96 165 250)	oklch(71.374% 0.14338 254.624)
#fde68a	rgb(253 230 138)	oklch(92.428% 0.11513 95.746)
#f97316	rgb(249 115 22)	oklch(70.487% 0.18672 47.604)