▼
▼
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) |
Découvrez les couleurs instantanément : un puissant outil de recherche de couleurs RGB pour designers, développeurs et créateurs | |
| 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 qui vous permet de trouver exactement la couleur dont vous avez besoin, soit en utilisant la souris, soit en saisissant manuellement les valeurs RGB. | |
| ✔ Cet outil est conçu pour tous ceux qui travaillent régulièrement avec la couleur et souhaitent un moyen simple, précis et efficace de convertir des valeurs RGB en aperçu visuel et en code hexadécimal propre. | |
| ✔ Notre Sélecteur de couleurs RGB a été pensé pour offrir une expérience fluide et interactive. Vous pouvez explorer les couleurs visuellement ou numériquement selon vos préférences. | |
| Que vous soyez un designer qui aime ajuster un curseur pour trouver la nuance parfaite ou un développeur qui doit saisir des valeurs RGB exactes, l’outil s’adapte à votre façon de travailler. | |
| ✔ L’interface est claire, réactive et optimisée pour les appareils desktop comme mobiles, afin que vous puissiez l’utiliser dès que l’inspiration vous frappe. | |
Explorez les couleurs avec la souris | |
| ✔ L’une des fonctionnalités les plus puissantes de cet outil est la possibilité d’ajuster les couleurs directement avec la souris. | |
| En faisant simplement glisser les curseurs, vous explorez tout le spectre des valeurs rouge, vert et bleu. | |
| ✔ Cette approche visuelle est idéale pour ceux qui souhaitent expérimenter différentes teintes et combinaisons sans connaître les valeurs exactes à l’avance. | |
| À chaque mouvement, l’aperçu se met instantanément à jour, vous offrant un retour visuel immédiat. | |
| ✔ Cela rend incroyablement facile l’ajustement des nuances, la comparaison des variations et la découverte de nouvelles idées de couleurs auxquelles vous n’auriez peut‑être pas pensé. | |
Saisie manuelle pour une précision maximale | |
| ✔ 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 palettes, des chartes graphiques ou des composants UI nécessitant une correspondance exacte. | |
| ✔ Il suffit d’entrer les valeurs rouge, vert et bleu : l’outil affiche immédiatement la couleur correspondante ainsi que son code HEX. | |
| Ce système à double entrée garantit une flexibilité totale, adaptée aussi bien à l’exploration créative qu’aux besoins techniques. | |
Conversion automatique RGB → HEX | |
| ✔ Un autre avantage clé est la conversion automatique du RGB vers le HEX. | |
| Designers et développeurs passent souvent d’un format à l’autre, notamment en CSS, en design graphique ou en branding. | |
| ✔ Au lieu de calculer manuellement le code hexadécimal ou de chercher un convertisseur externe, notre outil le génère instantanément. | |
| Dès que vous sélectionnez ou saisissez vos valeurs RGB, le code HEX apparaît en majuscules, prêt à être copié. | |
| ✔ Cela permet de gagner du temps, d’éviter les erreurs et de simplifier votre flux de travail. | |
Un outil aussi pratique qu’éducatif | |
| ✔ En plus de ses fonctionnalités principales, le RGB Color Finder est également un excellent outil pédagogique. | |
| Pour les débutants, il offre une manière simple de comprendre comment les valeurs RGB se combinent pour créer différentes couleurs. | |
| ✔ En ajustant les curseurs ou en saisissant des valeurs, les utilisateurs voient immédiatement comment chaque composant influence le résultat final. | |
| C’est une ressource idéale pour les étudiants, les passionnés et toute personne apprenant la théorie des couleurs numériques. | |
Un outil professionnel, sans installation | |
| ✔ L’outil est parfait pour les professionnels qui ont besoin d’un sélecteur de couleurs fiable fonctionnant 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 accès rapide à un sélecteur de couleurs précis peut accélérer considérablement votre processus créatif. | |
| ✔ Son design léger garantit des temps de chargement rapides, et l’interface est optimisée pour la clarté et la facilité d’utilisation. | |
Conclusion | |
| 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 ou que vous saisissiez des valeurs RGB exactes, cet outil vous offre tout ce dont vous avez besoin pour trouver la nuance parfaite et la convertir instantanément en code HEX. | |
| 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 |
 |
Calculatrice Simple |
 |
Calculatrice Scientifique |
 |
Calculateur d’Aire |
 |
Calculateur de Volume |
 |
Convertisseur d’Unités |
 |
Calculateur d’Anneau (Annulus) |
 |
Outil de Conversion de Données |
 |
Compresseur d’Images |
 |
Compresseur de Fichiers |
 |
Sélecteur de Couleurs RGB |
 |
Convertisseur de Fichiers en PDF |
 |
Générateur de Border-Radius |
 |
Générateur de Box-Shadow |
 |
Générateur de Transform CSS |
 |
Testeur d’Appareils Responsives |
 |
Convertisseur de Fuseaux Horaires & Différence de Dates |
 |
Calculateur de Pourcentage |
 |
Explorateur de Tendances GitHub |
 |
Outil de Comparaison de Tendances |
 |
Générateur de QR Code |
 |
Comparer des fichiers en ligne |
 |
Test de vitesse de site web gratuit |
 |
Votre meilleur CV |
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é.
