Palette de couleurs Static Mainframe

Static Mainframe est une palette de 4 couleurs qui puise dans les verts, rouges et turquoises et cyans. En OKLCH, sa luminosité va de 26 % (#0E2A1F, foncé) à 97 % (#D7FFE8, très clair), et sa couleur la plus saturée, #FF3D81, est vif. Ses couleurs chromatiques se répartissent à égalité entre le côté chaud et le côté froid du cercle chromatique. 3 de ses 6 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : tech, néon et roses.

TechNéonRoses

Codes couleur

CouleurHEXRGBHSLOKLCH
Jet #0E2A1F rgb(14, 42, 31) hsl(156, 50%, 11%) oklch(25.9% 0.04 165.1)
Neon Pink #FF3D81 rgb(255, 61, 129) hsl(339, 100%, 62%) oklch(67% 0.231 5.4)
Vivid Sky Blue #00B8D9 rgb(0, 184, 217) hsl(189, 100%, 43%) oklch(72.1% 0.129 216.8)
Light Cyan #D7FFE8 rgb(215, 255, 232) hsl(145, 100%, 92%) oklch(96.6% 0.051 160.1)

Accessibilité

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

PaireWCAG 2NiveauAPCA Lc
#D7FFE8 sur #0E2A1F 14.13:1 AAA Lc -98.7
#0E2A1F sur #00B8D9 6.47:1 AA Lc 54.0
#0E2A1F sur #FF3D81 4.55:1 AA Lc 40.6

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.

  • 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/0e2a1f-ff3d81-00b8d9-d7ffe8.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.

Dégradés de ces couleurs