Gallery Print Farbpalette

Gallery Print ist eine Palette aus 6 Farben, die auf Neutraltöne, Blautöne, Rottöne und Orangetöne aufbaut. In OKLCH reicht die Helligkeit von 18 % (#111111, sehr dunkel) bis 88 % (#D4DAD0, hell), und die gesättigtste Farbe, #F77F00, ist leuchtend. 3 ihrer 4 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 7 ihrer 15 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit kräftig, business, orange und warm.

KräftigBusinessOrangeWarm

Farbcodes

FarbeHEXRGBHSLOKLCH
Rich Navy #111111 rgb(17, 17, 17) hsl(0, 0%, 7%) oklch(17.8% 0 0)
Prussian Blue #1D3557 rgb(29, 53, 87) hsl(215, 50%, 23%) oklch(32.8% 0.068 257.3)
Rufous #B22835 rgb(178, 40, 53) hsl(354, 63%, 43%) oklch(50.4% 0.173 21.5)
Orange Wheel #F77F00 rgb(247, 127, 0) hsl(31, 100%, 48%) oklch(71.9% 0.179 54.4)
Maximum Yellow Red #FCBF49 rgb(252, 191, 73) hsl(40, 97%, 64%) oklch(84% 0.147 80.5)
Pale Silver #D4DAD0 rgb(212, 218, 208) hsl(96, 12%, 84%) oklch(88.1% 0.015 132.5)

Barrierefreiheit

Die besten Text-Hintergrund-Paare in Gallery Print, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.

PaarWCAG 2StufeAPCA Lc
#111111 auf #D4DAD0 13.25:1 AAA Lc 82.6
#111111 auf #FCBF49 11.41:1 AAA Lc 74.4
#D4DAD0 auf #1D3557 8.67:1 AAA Lc -76.5

Farbsehen

1 Farbpaar kommt in mindestens einer Simulation auf ΔE 0.06 aneinander heran.

  • Protanopie

  • Deuteranopie

  • Tritanopie

  • Achromatopsie

Im Code verwenden

Installiere diese Farben mit shadcn als Tailwind-CSS-v4-Theme-Farben: npx shadcn@latest add https://getcolors.so/r/palette/111111-1d3557-b22835-f77f00-fcbf49-d4dad0.json.

Mach sie zu deiner

Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.

Im Generator öffnen Farbsystem erstellen Visualisieren

Farbverläufe aus diesen Farben