
Passez le curseur sur la couleur pour obtenir les codes couleur hex et décimaux :
| Hex: # | |||
| Rouge: | |||
| Vert: | |||
| Bleu: |
Espace colorimétrique RGB ou Système de couleur RGB, construit toutes les couleurs à partir de la combinaison des Rouge, Vert et Bleu couleurs..
Le rouge, le vert et le bleu utilisent chacun 8 bits, avec des valeurs de 0 à 255. Cela génère 256*256*256 = 16 777 216 couleurs possibles.
RGB ≡ Rouge, Vert, Bleu
Chaque pixel d’un écran LED affiche les couleurs en combinant des LED rouges, vertes et bleues.
Quand le pixel rouge est réglé sur 0, la LED est éteinte. À 255, elle est complètement allumée.
Toute valeur intermédiaire produit une émission lumineuse partielle.
Le code RGB a un format 24 bits (bits 0..23) ::
| ROUGE[7:0] | VERT[7:0] | BLEU[7:0] | |||||||||||||||||||||
| 23 | 16 | 15 | 8 | 7 | 0 | ||||||||||||||||||
Couleurs de base :
| Couleur | Nom HTML / CSS | Code Hex #RRGGBB |
Code Décimal (R,G,B) |
|---|---|---|---|
| Noir | #000000 | (0,0,0) | |
| Blanc | #FFFFFF | (255,255,255) | |
| Lime | #FF0000 | (255,0,0) | |
| Lime | #00FF00 | (0,255,0) | |
| Bleu | #0000FF | (0,0,255) | |
| Jaune | #FFFF00 | (255,255,0) | |
| cyan | #00FFFF | (0,255,255) | |
| Magenta / Fuchsia | #FF00FF | (255,0,255) | |
| Argent | #C0C0C0 | (192,192,192) | |
| Gris | #808080 | (128,128,128) | |
| Marron foncé | #800000 | (128,0,0) | |
| Olive | #808000 | (128,128,0) | |
| Vert | #008000 | (0,128,0) | |
| Violet | #800080 | (128,0,128) | |
| Vert d’eau foncé | #008080 | (0,128,128) | |
| Bleu marine | #000080 | (0,0,128) |
| Couleur | Nom de la couleur | Code Hex | Code Décimal | |
|---|---|---|---|---|
| Marron foncé | #800000 | (128,0,0) | ||
| rouge foncé | #8B0000 | (139,0,0) | ||
| marron | #A52A2A | (165,42,42) | ||
| firebrick | #B22222 | (178,34,34) | ||
| cramoisi | #DC143C | (220,20,60) | ||
| tomate | #FF0000 | (255,0,0) | ||
| tomate | #FF6347 | (255,99,71) | ||
| corail | #FF7F50 | (255,127,80) | ||
| rouge indien | #CD5C5C | (205,92,92) | ||
| corail clair | #F08080 | (240,128,128) | ||
| saumon foncé | #E9967A | (233,150,122) | ||
| saumon | #FA8072 | (250,128,114) | ||
| saumon clair | #FFA07A | (255,160,122) | ||
| rouge orangé | #FF4500 | (255,69,0) | ||
| orange foncé | #FF8C00 | (255,140,0) | ||
| orange | #FFA500 | (255,165,0) | ||
| or | #FFD700 | (255,215,0) | ||
| or foncé | #B8860B | (184,134,11) | ||
| goldenrod | #DAA520 | (218,165,32) | ||
| goldenrod clair | #EEE8AA | (238,232,170) | ||
| kaki foncé | #BDB76B | (189,183,107) | ||
| kaki | #F0E68C | (240,230,140) | ||
| Olive | #808000 | (128,128,0) | ||
| Jaune | #FFFF00 | (255,255,0) | ||
| jaune-vert | #9ACD32 | (154,205,50) | ||
| vert olive foncé | #556B2F | (85,107,47) | ||
| vert olive terne | #6B8E23 | (107,142,35) | ||
| lawn green | #7CFC00 | (124,252,0) | ||
| chartreuse | #7FFF00 | (127,255,0) | ||
| vert-jaune | #ADFF2F | (173,255,47) | ||
| vert foncé | #006400 | (0,100,0) | ||
| Vert | #008000 | (0,128,0) | ||
| vert forêt | #228B22 | (34,139,34) | ||
| Lime | #00FF00 | (0,255,0) | ||
| lime green | #32CD32 | (50,205,50) | ||
| vert clair | #90EE90 | (144,238,144) | ||
| vert pâle | #98FB98 | (152,251,152) | ||
| vert mer foncé | #8FBC8F | (143,188,143) | ||
| vert printemps moyen | #00FA9A | (0,250,154) | ||
| vert printemps | #00FF7F | (0,255,127) | ||
| vert mer | #2E8B57 | (46,139,87) | ||
| aigue-marine moyenne | #66CDAA | (102,205,170) | ||
| vert mer moyen | #3CB371 | (60,179,113) | ||
| vert mer clair | #20B2AA | (32,178,170) | ||
| gris ardoise foncé | #2F4F4F | (47,79,79) | ||
| Vert d’eau foncé | #008080 | (0,128,128) | ||
| cyan foncé | #008B8B | (0,139,139) | ||
| cyan | #00FFFF | (0,255,255) | ||
| cyan | #00FFFF | (0,255,255) | ||
| cyan clair | #E0FFFF | (224,255,255) | ||
| turquoise foncé | #00CED1 | (0,206,209) | ||
| turquoise | #40E0D0 | (64,224,208) | ||
| turquoise moyen | #48D1CC | (72,209,204) | ||
| turquoise pâle | #AFEEEE | (175,238,238) | ||
| aigue-marine | #7FFFD4 | (127,255,212) | ||
| bleu poudre | #B0E0E6 | (176,224,230) | ||
| bleu cadet | #5F9EA0 | (95,158,160) | ||
| bleu acier | #4682B4 | (70,130,180) | ||
| bleuet | #6495ED | (100,149,237) | ||
| bleu ciel profond | #00BFFF | (0,191,255) | ||
| bleu dodger | #1E90FF | (30,144,255) | ||
| bleu clair | #ADD8E6 | (173,216,230) | ||
| bleu ciel | #87CEEB | (135,206,235) | ||
| bleu ciel clair | #87CEFA | (135,206,250) | ||
| bleu minuit | #191970 | (25,25,112) | ||
| Bleu marine | #000080 | (0,0,128) | ||
| bleu foncé | #00008B | (0,0,139) | ||
| bleu moyen | #0000CD | (0,0,205) | ||
| Bleu | #0000FF | (0,0,255) | ||
| bleu royal | #4169E1 | (65,105,225) | ||
| bleu violet | #8A2BE2 | (138,43,226) | ||
| indigo | #4B0082 | (75,0,130) | ||
| bleu ardoise foncé | #483D8B | (72,61,139) | ||
| bleu ardoise | #6A5ACD | (106,90,205) | ||
| bleu ardoise moyen | #7B68EE | (123,104,238) | ||
| violet moyen | #9370DB | (147,112,219) | ||
| magenta foncé | #8B008B | (139,0,139) | ||
| violet foncé | #9400D3 | (148,0,211) | ||
| orchidée foncée | #9932CC | (153,50,204) | ||
| orchidée moyenne | #BA55D3 | (186,85,211) | ||
| violet | #800080 | (128,0,128) | ||
| chardon | #D8BFD8 | (216,191,216) | ||
| prune | #DDA0DD | (221,160,221) | ||
| violette | #EE82EE | (238,130,238) | ||
| magenta | #FF00FF | (255,0,255) | ||
| orchidée | #DA70D6 | (218,112,214) | ||
| rouge violacé moyen | #C71585 | (199,21,133) | ||
| rouge violacé pâle | #DB7093 | (219,112,147) | ||
| rose intense | #FF1493 | (255,20,147) | ||
| rose chaud | #FF69B4 | (255,105,180) | ||
| rose clair | #FFB6C1 | (255,182,193) | ||
| rose | #FFC0CB | (255,192,203) | ||
| blanc antique | #FAEBD7 | (250,235,215) | ||
| beige | #F5F5DC | (245,245,220) | ||
| bisque | #FFE4C4 | (255,228,196) | ||
| amande blanchie | #FFEBCD | (255,235,205) | ||
| blé | #F5DEB3 | (245,222,179) | ||
| soie de maïs | #FFF8DC | (255,248,220) | ||
| jaune chiffon | #FFFACD | (255,250,205) | ||
| jaune goldenrod clair | #FAFAD2 | (250,250,210) | ||
| jaune clair | #FFFFE0 | (255,255,224) | ||
| marron selle | #8B4513 | (139,69,19) | ||
| sienne | #A0522D | (160,82,45) | ||
| chocolat | #D2691E | (210,105,30) | ||
| pérou | #CD853F | (205,133,63) | ||
| marron sable | #F4A460 | (244,164,96) | ||
| bois brut | #DEB887 | (222,184,135) | ||
| tan | #D2B48C | (210,180,140) | ||
| marron rosé | #BC8F8F | (188,143,143) | ||
| mocassin | #FFE4B5 | (255,228,181) | ||
| blanc navajo | #FFDEAD | (255,222,173) | ||
| pêche | #FFDAB9 | (255,218,185) | ||
| rose brume | #FFE4E1 | (255,228,225) | ||
| rose lavande | #FFF0F5 | (255,240,245) | ||
| lin | #FAF0E6 | (250,240,230) | ||
| dentelle antique | #FDF5E6 | (253,245,230) | ||
| papaye | #FFEFD5 | (255,239,213) | ||
| coquillage | #FFF5EE | (255,245,238) | ||
| crème de menthe | #F5FFFA | (245,255,250) | ||
| gris ardoise | #708090 | (112,128,144) | ||
| gris ardoise clair | #778899 | (119,136,153) | ||
| bleu acier clair | #B0C4DE | (176,196,222) | ||
| lavande | #E6E6FA | (230,230,250) | ||
| blanc floral | #FFFAF0 | (255,250,240) | ||
| bleu alice | #F0F8FF | (240,248,255) | ||
| blanc fantôme | #F8F8FF | (248,248,255) | ||
| miel | #F0FFF0 | (240,255,240) | ||
| ivoire | #FFFFF0 | (255,255,240) | ||
| bleu clair | #F0FFFF | (240,255,255) | ||
| neige | #FFFAFA | (255,250,250) | ||
| noir | #000000 | (0,0,0) | ||
| gris doux | #696969 | (105,105,105) | ||
| gris | #808080 | (128,128,128) | ||
| gris foncé | #A9A9A9 | (169,169,169) |
Choisir la couleur parfaite est l’une des étapes les plus importantes dans tout projet numérique.
Que vous conceviez un site web, créiez un logo, développiez l’interface d’une application ou que vous exploriez simplement des idées visuelles, la sélection des couleurs joue un rôle central dans le rendu final.
Pour rendre ce processus plus simple, rapide et intuitif, nous avons créé un outil de couleur en ligne qui vous permet de trouver exactement la nuance dont vous avez besoin, soit en utilisant la souris, soit en saisissant manuellement les valeurs RGB.
Cet outil fonctionne comme un rgb color Picker, un RGB Slider et un convertisseur RGB → HEX, le tout dans une interface fluide.
✔ Conçu pour les designers, développeurs, graphistes et créateurs qui travaillent régulièrement avec la couleur.
✔ Idéal pour convertir des valeurs RGB, explorer des teintes ou générer instantanément un code hex propre.
✔ Optimisé pour desktop et mobile, pour être utilisé partout où l’inspiration vous frappe.
L’une des fonctionnalités les plus puissantes de cet outil est la possibilité d’ajuster les couleurs directement avec la souris.
En glissant simplement les curseurs du RGB Slider, vous explorez tout le spectre des valeurs rouge, vert et bleu.
✔ Approche visuelle idéale pour expérimenter des teintes sans connaître les valeurs exactes.
✔ Aperçu instantané de la couleur sélectionnée.
✔ Parfait pour tester des combinaisons, comparer des nuances et trouver des idées auxquelles vous n’auriez pas pensé.
Cette méthode fait de notre outil l’un des meilleurs sélecteurs de couleur RGB en ligne.
Pour les utilisateurs qui préfèrent la précision, l’outil permet également de saisir manuellement les trois valeurs RGB.
C’est particulièrement utile pour les développeurs travaillant avec des chartes graphiques, des composants UI ou des palettes strictes.
✔ Entrez les valeurs rouge, vert et bleu.
✔ L’outil affiche immédiatement la couleur correspondante.
✔ Le code HEX est généré automatiquement et prêt à être copié.
Ce système à double entrée rend l’outil parfait pour les besoins techniques comme pour l’exploration créative.
Designers et développeurs passent souvent d’un format à l’autre, notamment en CSS, en design graphique ou en branding.
Notre outil agit comme un convertisseur RGB en HEX instantané.
✔ Pas besoin de calculer manuellement.
✔ Le code HEX apparaît en majuscules dès que vous modifiez une valeur RGB.
✔ Gain de temps et réduction des erreurs.
En plus de ses fonctionnalités principales, notre RGB color Finder est un excellent outil pédagogique.
Il permet de comprendre comment les valeurs RGB se combinent pour créer des couleurs.
✔ Idéal pour les étudiants, débutants et passionnés.
✔ Visualisation immédiate de l’impact de chaque composant.
✔ Parfait pour apprendre la théorie des couleurs numériques.
Cet outil fonctionne directement dans le navigateur, sans installation ni plug‑in.
Que vous construisiez un site web, conceviez une interface ou prépariez une illustration numérique, avoir un outil de couleur en ligne rapide et précis peut accélérer considérablement votre flux de travail.
✔ Interface légère et rapide
✔ Compatible desktop et mobile
✔ Pensé pour la clarté et la facilité d’utilisation
Dans un monde où l’identité visuelle est plus importante que jamais, disposer des bons outils pour gérer la couleur est essentiel.
Notre sélecteur de couleurs RGB combine simplicité, précision et flexibilité dans une interface facile à utiliser.
Que vous exploriez les couleurs avec la souris via le RGB Slider, ou que vous saisissiez des valeurs exactes pour obtenir un code HEX, cet outil vous offre tout ce dont vous avez besoin pour trouver la nuance parfaite.
Il est rapide, précis et conçu pour soutenir aussi bien la créativité que les exigences techniques.
Laissez un commentaire ou une question ci-dessous |
dzosoft.com © 2022 - 2026 Auteur : Ing. A. Nasri. Tous droits réservés.
Nous utilisons des cookies pour vous aider à naviguer efficacement et à effectuer certaines fonctions. Vous trouverez des informations détaillées sur tous les cookies dans chaque catégorie de consentement ci-dessous. Les cookies classés comme “Nécessaires” sont stockés dans votre navigateur car ils sont essentiels pour activer les fonctionnalités de base du site.
Nous utilisons également des cookies tiers qui nous aident à analyser votre utilisation du site, à enregistrer vos préférences,
et à fournir du contenu et des publicités pertinents pour vous. Ces cookies ne seront stockés dans votre navigateur
qu’avec votre consentement préalable.
Vous pouvez choisir d’activer ou de désactiver certains ou tous ces cookies, mais la désactivation de certains peut affecter votre expérience de navigation.
En cliquant sur “Accepter”, vous consentez à l’utilisation des cookies comme décrit dans notre
Politique de confidentialité.
Les cookies nécessaires sont requis pour activer les fonctionnalités de base du site, comme fournir une connexion sécurisée ou gérer vos préférences de consentement. Ces cookies ne stockent aucune donnée personnelle identifiable.
Les cookies fonctionnels permettent d’exécuter certaines fonctionnalités comme le partage du contenu du site sur les réseaux sociaux, la collecte de commentaires et d’autres fonctionnalités tierces.
Les cookies analytiques sont utilisés pour comprendre comment les visiteurs interagissent avec le site. Ces cookies fournissent des informations sur des métriques telles que le nombre de visiteurs, le taux de rebond, la source du trafic, etc.
Les cookies de performance sont utilisés pour comprendre et analyser les indicateurs clés du site afin d’offrir une meilleure expérience aux visiteurs.
Les cookies publicitaires sont utilisés pour fournir des annonces personnalisées en fonction des pages que vous avez visitées précédemment et pour analyser l’efficacité des campagnes publicitaires.