Velvet Carols Farbpalette
Velvet Carols ist eine Palette aus 4 Farben, die auf Rottöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 23 % (#3C0301, sehr dunkel) bis 98 % (#FFF8F8, sehr hell), und die gesättigtste Farbe, #8F3B35, ist mäßig gesättigt. 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 winter, weihnachten, monochrom, farbverlauf, rot und farbenblind-freundlich.
WinterWeihnachtenMonochromFarbverlaufRotFarbenblind-freundlich
- Jet #3C0301
- Auburn #8F3B35
- Sweet Salmon #EA8C87
- Cultured #FFF8F8
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #3C0301 | rgb(60, 3, 1) | hsl(2, 97%, 12%) | oklch(22.8% 0.088 30.1) |
| Auburn | #8F3B35 | rgb(143, 59, 53) | hsl(4, 46%, 38%) | oklch(46.5% 0.116 26.6) |
| Sweet Salmon | #EA8C87 | rgb(234, 140, 135) | hsl(3, 70%, 72%) | oklch(73.8% 0.115 23.5) |
| Cultured | #FFF8F8 | rgb(255, 248, 248) | hsl(0, 100%, 99%) | oklch(98.5% 0.007 17.3) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Velvet Carols, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #FFF8F8 auf #3C0301 | 16.62:1 | AAA | Lc -102.2 |
| #3C0301 auf #EA8C87 | 7.13:1 | AAA | Lc 53.5 |
| #FFF8F8 auf #8F3B35 | 7.04:1 | AAA | Lc -86.3 |
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/3c0301-8f3b35-ea8c87-fff8f8.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.