Palette de couleurs Marble Studio

Marble Studio est une palette de 5 couleurs qui puise dans les neutres. En OKLCH, sa luminosité va de 15 % (#0C0C0C, très foncé) à 94 % (#EFEBE4, très clair), et sa couleur la plus saturée, #A8A39B, est presque un gris neutre. Ses couleurs ont un chroma trop faible pour tirer vers le chaud ou le froid. 4 de ses 10 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : luxe, sourdes, grises, adaptées au daltonisme et neutres.

LuxeSourdesGrisesAdaptées au daltonismeNeutres

Codes couleur

CouleurHEXRGBHSLOKLCH
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)

Accessibilité

Les meilleures paires texte et fond de Marble Studio, classées par rapport de contraste WCAG 2, avec le contraste de luminosité APCA (Lc) du texte sur son fond.

PaireWCAG 2NiveauAPCA Lc
#EFEBE4 sur #0C0C0C 16.46:1 AAA Lc -94.8
#EFEBE4 sur #3A3A3A 9.57:1 AAA Lc -87.2
#0C0C0C sur #A8A39B 7.80:1 AAA Lc 54.5

Vision des couleurs

Aucune paire de couleurs ne se rapproche à moins de ΔE 0.06 d’une autre en protanopie, deutéranopie, tritanopie ou achromatopsie. Elle est étiquetée adaptée au daltonisme : chaque paire reste à au moins ΔE 0,14.

  • Protanopie

  • Deutéranopie

  • Tritanopie

  • Achromatopsie

À utiliser dans votre code

Installez ces couleurs comme couleurs de thème Tailwind CSS v4 avec shadcn : npx shadcn@latest add https://getcolors.so/r/palette/0c0c0c-3a3a3a-717171-a8a39b-efebe4.json.

Faites-la vôtre

Modifiez les couleurs, créez-en un système complet clair et sombre, ou voyez-les sur une vraie interface.

Ouvrir dans le générateur Créer un système de couleurs Visualiser

Dégradés de ces couleurs