색상 팔레트 생성기

스페이스 키를 누르면 새 팔레트가 나옵니다. 마음에 드는 색상을 고정하면 나머지가 그에 맞춰집니다.

색상 팔레트 아이디어

스타일

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)