À propos

AG Color est un outil de couleur gratuit qui permet aux designers et aux développeurs de manipuler instantanément les codes couleur du quotidien, sans inscription ni installation.

Fonctionnalités clés

Convertisseur de couleurs — convertissez les cinq notations, HEX, RGB, HSL, HSV et CMYK, en temps réel au même endroit, avec un grand échantillon d'aperçu et une copie en un clic.

Générateur de palette — transformez automatiquement une seule couleur de base en palettes complémentaires, analogues, triadiques, tétradiques et de nuances.

Dégradé CSS — réglez deux couleurs et l'angle pour copier instantanément le code linear-gradient et radial-gradient.

Noms de couleurs CSS — recherchez les 141 couleurs CSS nommées standard et copiez leurs valeurs HEX.

Confidentialité

Tous les calculs s'effectuent entièrement dans votre navigateur ; aucune des valeurs que vous saisissez n'est jamais envoyée à un serveur ou stockée sur celui-ci. Seules vos couleurs récemment utilisées sont conservées dans le stockage local par commodité.

Dans le navigateur En temps réel Sans inscription 100 % gratuit

Questions fréquentes

Quelle est la différence entre HEX et RGB ?

HEX est une notation hexadécimale au format #RRGGBB, tandis que RGB exprime le rouge, le vert et le bleu par des valeurs de 0 à 255. Par exemple, #FF0000 correspond à la même couleur que rgb(255, 0, 0). Saisissez n'importe quel format ici et les autres se mettent à jour en temps réel.

Les valeurs CMYK sont-elles exactes ?

Les écrans (RGB) et l'impression (CMYK) utilisent des gamuts de couleurs différents, ils ne coïncident donc jamais parfaitement. Le CMYK proposé ici est une approximation basée sur une formule standard ; la couleur réellement imprimée dépend du profil d'impression.

Que sont les couleurs complémentaires et analogues ?

Les couleurs complémentaires se situent à 180° sur le cercle chromatique pour un fort contraste, tandis que les couleurs analogues se trouvent dans un rayon de 30° de part et d'autre pour une combinaison harmonieuse.

Comment utiliser le dégradé que j'ai créé ?

Copiez le code background: linear-gradient(...) généré et collez-le directement dans le style CSS de votre élément.

Combien y a-t-il de noms de couleurs CSS ?

Le CSS standard définit 148 mots-clés, y compris des alias orthographiques comme gray/grey ; ce tableau affiche les 141 couleurs distinctes après suppression des orthographes en double. Toutes, y compris rebeccapurple, fonctionnent dans les navigateurs modernes.