Convertisseur de couleur nommée en HEX

• Recherche instantanée de couleur nommée : le convertisseur actualise toutes les valeurs à chaque frappe — aucun bouton à presser. Commencez à saisir une couleur CSS nommée et l'autocomplétion filtre immédiatement les 148 couleurs CSS nommées. Sélectionnez-en une pour voir aussitôt les valeurs HEX, RVB, TSL, la luminance et les valeurs de chaque canal.
• Recherche intelligente avec autocomplétion : le convertisseur prend en charge la correspondance approximative et partielle. Saisissez « blue » pour voir toutes les couleurs bleutées, ou « rebecca » pour trouver rebeccapurple. La recherche couvre à la fois le nom CSS (cornflowerblue) et le nom d'affichage (Cornflower Blue) pour une flexibilité maximale.
• 100 % privé — aucun envoi : toute la conversion se fait localement dans votre navigateur. Vos valeurs de couleur ne quittent jamais votre appareil et ne sont jamais envoyées à un serveur — idéal pour les projets clients et les systèmes de design propriétaires. Toute la base des couleurs CSS nommées est intégrée à la page.
• Gratuit et sans limite : consultez un nombre illimité de couleurs nommées sans inscription, sans abonnement et sans plafond d'utilisation. Le convertisseur est totalement gratuit à vie, sans publicité qui bloque l'interface.

• Développement et prototypage CSS : les développeurs web utilisent le convertisseur pour retrouver rapidement des couleurs CSS nommées pendant le prototypage. Au lieu de mémoriser des codes hex, saisissez des noms naturels comme « coral » ou « rebeccapurple » pour obtenir les valeurs HEX, RVB et TSL exactes de vos feuilles de style.
• Passation de design et communication : designers et développeurs utilisent le convertisseur lorsqu'ils communiquent des spécifications de couleur. Les couleurs CSS nommées offrent un vocabulaire commun — dire « utilise mediumseagreen pour le bouton » est plus clair que de citer un code hex lors des revues de design.
• Apprentissage du CSS et du web design : les étudiants en développement web utilisent le convertisseur pour explorer la correspondance entre les couleurs CSS nommées et leurs valeurs réelles. C'est un outil pédagogique qui aide les débutants à comprendre le lien entre les noms de couleurs et leurs représentations numériques.
• Exploration de thèmes de couleurs : les designers qui explorent des thèmes de couleurs utilisent le convertisseur pour parcourir rapidement les couleurs CSS nommées par famille. Recherchez tous les tons violets, les nuances de bleu ou les rouges chauds pour trouver la couleur nommée parfaite pour un système de design.
• CodePen et prototypes rapides : les développeurs frontend créant des prototypes rapides ou des démos CodePen utilisent le convertisseur pour trouver des couleurs sans quitter le navigateur. Les couleurs nommées sont souvent plus lisibles que les codes hex dans les styles en ligne et le code de démonstration.
• Programmation SVG et graphique : les développeurs graphiques travaillant avec SVG, Canvas ou WebGL utilisent le convertisseur pour accéder à la palette complète des couleurs CSS nommées. Les couleurs nommées sont fréquemment utilisées dans les fichiers SVG et les API graphiques pour leur lisibilité et leur cohérence entre navigateurs.

Les couleurs CSS nommées sont des mots-clés de couleur prédéfinis reconnus par tous les navigateurs web modernes. La spécification CSS Color Level 4 définit 148 couleurs nommées , des couleurs courantes comme red et blue à des noms plus singuliers comme rebeccapurple et cornflowerblue . Notre convertisseur de couleur nommée en HEX donne un accès instantané aux 148 couleurs avec recherche par autocomplétion.

1. Commencez à saisir un nom de couleur : tapez une couleur CSS nommée (par exemple « coral », « rebecca », « sky blue »). L'autocomplétion filtre immédiatement la base complète des 148 couleurs CSS nommées. Vous pouvez rechercher par le nom CSS ( cornflowerblue ) ou par le nom d'affichage ( Cornflower Blue ). Tout le traitement s'exécute localement dans votre navigateur.
2. Sélectionnez une couleur ou laissez le remplissage automatique agir : cliquez sur une suggestion de la liste, ou continuez à taper jusqu'à ce qu'il ne reste qu'une correspondance. L'aperçu de la couleur et toutes les valeurs se mettent à jour en temps réel pendant la frappe. La grande pastille affiche la couleur sélectionnée avec ses barres de canaux rouge, vert et bleu.
3. Copiez n'importe quelle valeur instantanément : utilisez le bouton Copier à côté de chaque ligne de sortie (HEX, RVB, TSL) pour copier cette valeur précise, ou « Tout copier » pour copier l'ensemble des données de couleur, y compris le nom et la luminance.

• Rouge et rose : 20 couleurs allant du rouge pur aux tons roses, dont crimson , deeppink et hotpink .
• Orange et jaune : 14 couleurs chaudes de darkorange à lightyellow , incluant la famille gold et khaki.
• Vert et cyan : 33 couleurs couvrant tout le spectre vert plus les tons cyan/turquoise, de forestgreen à turquoise .
• Bleu et violet : 35 couleurs froides du profond midnightblue au lavande clair lavender , dont l'emblématique rebeccapurple .
• Brun, blanc, gris et noir : 46 couleurs neutres et terreuses de saddlebrown et wheat à la famille complète des gris et au noir pur .

Les couleurs CSS nommées améliorent la lisibilité du code par rapport aux codes hex bruts. Écrire background: cornflowerblue est plus explicite que background: #6495ED . Les couleurs nommées sont aussi utiles dans les fichiers SVG, les appels à l'API Canvas et tout contexte où les noms de couleurs améliorent la clarté. Pour les systèmes de design en production, toutefois, utiliser des propriétés personnalisées CSS à nommage sémantique (comme --color-primary ) avec les couleurs nommées apporte à la fois lisibilité et flexibilité.

Notre convertisseur de couleur nommée en HEX fait le lien entre les couleurs nommées et des valeurs numériques précises. Que vous prototypiez, appreniez le CSS ou ayez besoin de convertir une couleur nommée en son équivalent exact HEX ou RVB pour un système de design, cet outil vous donne des résultats instantanés et précis, sans traitement côté serveur.