Cercle chromatique
Explorez les harmonies sur une roue interactive et créez des palettes équilibrées.
EssayerTapez vos valeurs RGB, par exemple 230, 88, 23, et obtenez instantanément le code hexadécimal pour CSS, avec HSL, CMJN, LAB et d'autres formats. Ça marche aussi dans l'autre sens.
Canaux RGB
Ou choisissez la couleur visuellement
Les couleurs les plus recherchées avec leur valeur RGB et leur code hexadécimal. Cliquez sur l'une d'elles pour la charger dans le convertisseur.
| Couleur | HEX | RGB |
|---|---|---|
| #FFFFFF | rgb(255, 255, 255) | |
| #000000 | rgb(0, 0, 0) | |
| #FF0000 | rgb(255, 0, 0) | |
| #00FF00 | rgb(0, 255, 0) | |
| #0000FF | rgb(0, 0, 255) | |
| #FFFF00 | rgb(255, 255, 0) | |
| #00FFFF | rgb(0, 255, 255) | |
| #FF00FF | rgb(255, 0, 255) | |
| #FFA500 | rgb(255, 165, 0) | |
| #800080 | rgb(128, 0, 128) | |
| #FFC0CB | rgb(255, 192, 203) | |
| #A52A2A | rgb(165, 42, 42) | |
| #808080 | rgb(128, 128, 128) | |
| #C0C0C0 | rgb(192, 192, 192) | |
| #000080 | rgb(0, 0, 128) | |
| #808000 | rgb(128, 128, 0) |
Chaque canal RGB est un nombre décimal entre 0 et 255. Pour le convertir en Hex, on transforme ce nombre en base 16, ce qui donne une valeur de deux caractères par canal, de 00 à FF. Les trois paires obtenues sont réunies, dans l'ordre rouge, vert et bleu, pour former le code Hex complet.
Par exemple, la couleur rgb(230, 88, 23) se convertit ainsi :
#E65817Le résultat est #E65817. C'est exactement l'inverse de ce que fait le convertisseur Hex en RGB.
Divisez chaque valeur par 16 : le quotient est le premier caractère de la paire et le reste, le second. Les nombres de 10 à 15 s'écrivent avec des lettres : A = 10, B = 11, C = 12, D = 13, E = 14 et F = 15.
Une même couleur peut s'écrire de plusieurs façons. Toutes fonctionnent dans les navigateurs actuels et le convertisseur les comprend toutes.
Le format le plus courant : deux caractères par canal, dans l'ordre rouge, vert et bleu. Majuscules ou minuscules, peu importe.
Si chaque paire répète son caractère, on peut l'abréger : #FF6600 s'écrit #F60.
Les deux derniers caractères sont le canal alpha : 00 est transparent et FF opaque. 80 équivaut à 50 %.
La syntaxe classique, compatible avec tous les navigateurs. Chaque canal va de 0 à 255.
La syntaxe de CSS Color 4 : valeurs séparées par des espaces et transparence facultative après la barre oblique. rgba() fonctionne toujours comme alias.
Avec le Hex prêt, ouvrez la roue chromatique pour générer des harmonies, ou consultez noms et codes dans le tableau des couleurs HTML.
Chacune des trois valeurs RGB (de 0 à 255) est convertie en base 16, ce qui donne un nombre de deux caractères par canal. Les trois paires sont réunies dans l'ordre rouge, vert et bleu pour former le code Hex.
Le système hexadécimal utilise les chiffres de 0 à 9 et les lettres de A à F pour représenter les valeurs de 10 à 15. C'est pourquoi le code Hex final peut contenir les deux.
Ce n'est pas une valeur valide. Chaque canal RGB n'accepte que des nombres entre 0 et 255, la plage complète d'un octet.
Oui. Le convertisseur accepte 230, 88, 23, 230 88 23, rgb(230, 88, 23), rgb(230 88 23) et rgba(…). Si vous incluez une transparence, elle est ignorée pour calculer le HEX à 6 chiffres.
Oui, utilisez le convertisseur Hex en RGB pour l'inverse : saisissez votre code hexadécimal et obtenez les trois valeurs RGB correspondantes.
Une forme abrégée valable quand chaque paire répète son caractère : #F60 équivaut à #FF6600 et #FFF à #FFFFFF. Le convertisseur accepte les deux.
Ajoutez deux caractères à la fin : le canal alpha. #E6581780 est le même orange à 50 % d'opacité ; 00 est totalement transparent et FF opaque.
Explorez les harmonies sur une roue interactive et créez des palettes équilibrées.
EssayerChoisissez une couleur et copiez Hex, RGB, HSL ou OKLCH avec teintes et harmonies.
EssayerParcourez les couleurs nommées HTML/CSS et copiez Hex, RGB et HSL.
Essayer