Färgpalettgenerator

Tryck på mellanslag för en ny palett. Lås färgerna du gillar så anpassar sig resten efter dem.

Idéer för färgpaletter

Stil

0F172ADämpad mycket mörkblå
1E40AFMjuk mörkblå
60A5FAKlar ljusblå
FDE68APastellfärgad mycket ljusgul
F97316Klar ljusorange

Mellanslag för ny palett, Ctrl+Z för att ångra, klicka på en färg för att redigera den.

Exportera

Värden

: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);
}

Kontroller

Läsbara textpar

Aa14,3:1
Aa7,0:1
Aa7,0:1
Aa6,4:1

Par som flyter ihop för färgblinda: 1

Öppna i simulatorn

Färger i paletten

Namn	HEX	RGB	OKLCH
Dämpad mycket mörkblå	#0f172a	rgb(15 23 42)	oklch(20.768% 0.03982 265.755)
Mjuk mörkblå	#1e40af	rgb(30 64 175)	oklch(42.445% 0.18087 265.638)
Klar ljusblå	#60a5fa	rgb(96 165 250)	oklch(71.374% 0.14338 254.624)
Pastellfärgad mycket ljusgul	#fde68a	rgb(253 230 138)	oklch(92.428% 0.11513 95.746)
Klar ljusorange	#f97316	rgb(249 115 22)	oklch(70.487% 0.18672 47.604)