Marble Studio Farbpalette
Marble Studio ist eine Palette aus 5 Farben, die auf Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 15 % (#0C0C0C, sehr dunkel) bis 94 % (#EFEBE4, sehr hell), und die gesättigtste Farbe, #A8A39B, ist nahezu neutralgrau. Ihre Farben haben zu wenig Chroma, um warm oder kühl zu wirken. 4 ihrer 10 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit luxus, gedämpft, grau, farbenblind-freundlich und neutral.
- Rich Navy #0C0C0C
- Onyx #3A3A3A
- Battleship Gray #717171
- Pewter #A8A39B
- Gainsboro #EFEBE4
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Navy | #0C0C0C | rgb(12, 12, 12) | hsl(0, 0%, 5%) | oklch(15.4% 0 0) |
| Onyx | #3A3A3A | rgb(58, 58, 58) | hsl(0, 0%, 23%) | oklch(34.8% 0 0) |
| Battleship Gray | #717171 | rgb(113, 113, 113) | hsl(0, 0%, 44%) | oklch(54.9% 0 0) |
| Pewter | #A8A39B | rgb(168, 163, 155) | hsl(37, 7%, 63%) | oklch(71.7% 0.013 79.8) |
| Gainsboro | #EFEBE4 | rgb(239, 235, 228) | hsl(38, 26%, 92%) | oklch(94.1% 0.01 81.8) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Marble Studio, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #EFEBE4 auf #0C0C0C | 16.46:1 | AAA | Lc -94.8 |
| #EFEBE4 auf #3A3A3A | 9.57:1 | AAA | Lc -87.2 |
| #0C0C0C auf #A8A39B | 7.80:1 | AAA | Lc 54.5 |
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/0c0c0c-3a3a3a-717171-a8a39b-efebe4.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.