Blackcurrant Crumble Farbpalette
Blackcurrant Crumble ist eine Palette aus 4 Farben, die auf Rottöne, Rosatöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 25 % (#45001A, dunkel) bis 96 % (#FFEDF1, sehr hell), und die gesättigtste Farbe, #9D2A50, ist leuchtend. 3 ihrer 3 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 3 ihrer 6 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit essen, kräftig, monochrom, farbverlauf, rot und farbenblind-freundlich.
- Jet #45001A
- Auburn #9D2A50
- Sweet Salmon #EF7A9B
- Seashell #FFEDF1
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #45001A | rgb(69, 0, 26) | hsl(337, 100%, 14%) | oklch(25.1% 0.101 6.3) |
| Auburn | #9D2A50 | rgb(157, 42, 80) | hsl(340, 58%, 39%) | oklch(47.5% 0.153 5.3) |
| Sweet Salmon | #EF7A9B | rgb(239, 122, 155) | hsl(343, 79%, 71%) | oklch(72.1% 0.147 3.6) |
| Seashell | #FFEDF1 | rgb(255, 237, 241) | hsl(347, 100%, 96%) | oklch(96.1% 0.02 2.3) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Blackcurrant Crumble, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #FFEDF1 auf #45001A | 14.70:1 | AAA | Lc -96.0 |
| #FFEDF1 auf #9D2A50 | 6.47:1 | AA | Lc -80.2 |
| #45001A auf #EF7A9B | 6.25:1 | AA | Lc 49.2 |
Farbsehen
Kein Farbpaar kommt bei Protanopie, Deuteranopie, Tritanopie oder Achromatopsie auf ΔE 0.06 an eine andere Farbe heran. Sie ist als farbenblind-freundlich getaggt: Jedes Paar bleibt mindestens ΔE 0,14 auseinander.
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/45001a-9d2a50-ef7a9b-ffedf1.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.