Kyoto Steam Farbpalette
Kyoto Steam ist eine Palette aus 4 Farben, die auf Grüntöne, Brauntöne und Gelbtöne aufbaut. In OKLCH reicht die Helligkeit von 34 % (#2F3E2B, dunkel) bis 95 % (#EEF0D6, sehr hell), und die gesättigtste Farbe, #5C7A3A, ist mäßig gesättigt. 1 ihrer 4 chromatischen Farben liegt auf der warmen Seite des Farbkreises. 1 ihrer 6 Farbpaare erreicht das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit essen, ruhig, grün, braun und gedämpft.
- Pakistan Green #2F3E2B
- Dark Moss Green #5C7A3A
- Dark Moss Green #8B6B4A
- Champagne #EEF0D6
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #2F3E2B | rgb(47, 62, 43) | hsl(107, 18%, 21%) | oklch(34.5% 0.038 139.1) |
| Dark Moss Green | #5C7A3A | rgb(92, 122, 58) | hsl(88, 36%, 35%) | oklch(54.1% 0.097 129.8) |
| Dark Moss Green | #8B6B4A | rgb(139, 107, 74) | hsl(30, 31%, 42%) | oklch(55.2% 0.062 66.8) |
| Champagne | #EEF0D6 | rgb(238, 240, 214) | hsl(65, 46%, 89%) | oklch(94.7% 0.034 110.6) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Kyoto Steam, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #EEF0D6 auf #2F3E2B | 9.80:1 | AAA | Lc -88.7 |
| #EEF0D6 auf #8B6B4A | 4.20:1 | AA groß | Lc -68.0 |
| #EEF0D6 auf #5C7A3A | 4.20:1 | AA groß | Lc -68.0 |
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/2f3e2b-5c7a3a-8b6b4a-eef0d6.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.