Cortado Table Farbpalette

Cortado Table ist eine Palette aus 6 Farben, die auf Neutraltöne, Brauntöne und Orangetöne aufbaut. In OKLCH reicht die Helligkeit von 8 % (#050100, sehr dunkel) bis 91 % (#EFE0C8, sehr hell), und die gesättigtste Farbe, #B88B66, ist mäßig gesättigt. 5 ihrer 5 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 6 ihrer 15 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit kaffee, warm, orange, braun und gedämpft.

KaffeeWarmOrangeBraunGedämpft

Farbcodes

FarbeHEXRGBHSLOKLCH
Black #050100 rgb(5, 1, 0) hsl(12, 100%, 1%) oklch(8.3% 0.022 51.2)
Dim Gray #5E3B2A rgb(94, 59, 42) hsl(20, 38%, 27%) oklch(38.9% 0.057 46.5)
Tiger's Eye #986B52 rgb(152, 107, 82) hsl(21, 30%, 46%) oklch(56.8% 0.069 50)
English Lavender #B88B66 rgb(184, 139, 102) hsl(27, 37%, 56%) oklch(67.1% 0.075 60.5)
Ash Gray #D9BC98 rgb(217, 188, 152) hsl(33, 46%, 72%) oklch(81.1% 0.059 72.9)
Champagne #EFE0C8 rgb(239, 224, 200) hsl(37, 55%, 86%) oklch(91.2% 0.036 79.7)

Barrierefreiheit

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

PaarWCAG 2StufeAPCA Lc
#EFE0C8 auf #050100 15.99:1 AAA Lc -89.0
#050100 auf #D9BC98 11.47:1 AAA Lc 70.2
#EFE0C8 auf #5E3B2A 7.57:1 AAA Lc -77.9

Farbsehen

Kein Farbpaar kommt bei Protanopie, Deuteranopie, Tritanopie oder Achromatopsie auf ΔE 0.06 an eine andere Farbe 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/050100-5e3b2a-986b52-b88b66-d9bc98-efe0c8.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