配色パレットジェネレーター

Spaceキーで新しいパレットを生成。気に入った色をロックすると、ほかの色がそれに合わせて変わります。

配色パレットのアイデア

スタイル

0F172Aくすんだごく暗い青
1E40AFやわらかな暗い青
60A5FA鮮やかな明るい青
FDE68Aパステル調のごく明るい黄色
F97316鮮やかな明るいオレンジ

Spaceで新しいパレット、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)