Couleur Tailwind CSS Emerald 200 : codes et conversion
Consultez les valeurs exactes de emerald-200 et convertissez cette couleur prédéfinie vers les formats web et print depuis une seule page. #A7F3D0 est déjà chargé dans l'outil.
4.6 /5 (Оценок: 117)
Prend en charge HEX, RGB, CMYK, HSL, HSV, LAB, HWB, OKLCH et les noms de couleur CSS
Masque: #E4002B
Format detecte: RGBPalette correspondante: emerald-200
Tous les formats de couleur
RGB
CMYK
HSL
HSV / HSB
LAB
HWB
OKLCH
Aperçu de la couleur
Ouvrez la palette système et choisissez une teinte sans saisir la valeur à la main.
Valeur actuelle: #A7F3D0
Nuance selectionnee: emerald-200
Couleurs similaires dans les palettes
Teintes les plus proches de Tailwind, Material et Web Safe pour la couleur actuelle.
Tailwind
emerald-200
#A7F3D0
green-200
#BBF7D0
teal-200
#99F6E4
cyan-200
#A5F3FC
emerald-100
#D1FAE5
green-300
#86EFAC
Material
teal-100
#B2DFDB
green-100
#C8E6C9
cyan-100
#B2EBF2
light-blue-100
#B3E5FC
blue-grey-100
#CFD8DC
green-200
#A5D6A7
Web Safe
#99FFCC
#99FFCC
#CCFFCC
#CCFFCC
#99CCCC
#99CCCC
#99FFFF
#99FFFF
#CCCCCC
#CCCCCC
#99FF99
#99FF99
Slate
11Gray
11Zinc
11Neutral
11Stone
11Red
11Orange
11Amber
11Yellow
11Lime
11Green
11Emerald
11Teal
11Cyan
11Sky
11Blue
11Indigo
11Violet
11Purple
11Fuchsia
11Pink
11Rose
11Systeme
tailwind
Famille
Emerald
HEX
#A7F3D0
Comment utiliser cette couleur dans un projet
emerald-200 est une couleur clair de Tailwind CSS qui peut servir de fond, d'accent ou de token d'interface selon son intensite. Cette page permet de verifier le meme ton en HEX, RGB, HSL, LAB et OKLCH avant son integration dans un design system ou une base CSS.
Comment la combiner en interface
Il est utile de comparer emerald-200 avec les nuances voisines de la famille Emerald et de verifier le contraste sur fond clair et sombre. Les tons plus clairs conviennent souvent aux surfaces, les tons intermediaires aux actions, et les plus profonds au texte ou aux icones.
Ce qu'il faut verifier avant l'export
Le flux le plus sur est de partir de HEX #A7F3D0, puis de verifier CMYK et LAB pour les supports imprimes et OKLCH pour les ajustements UI. Cela limite les ecarts entre maquette, variables CSS et export PDF ou slide deck.
Nuances proches de la palette
Acces rapides vers des couleurs voisines pour comparer contraste et codes.