Appuyez sur “Entrée” pour passer au contenu

Codage rvb en hex

Produit

Catégorie

Auteur

Référence

Prix

entre et

Convertisseur Hexadécimal (HEX) / Décimal (RGB) Canal RGB Hexadécimal Décimal RGB      Red         Green         Blue          Tout     Entrez un nombre hexadécimal (00 – FF) dans chacune des 3 cases hexadécimales ou un nombre décimal (0 – 255) dans chacune des 3 cases décimales RGB et cliquez sur leur bouton Montrer respectifs pour convertir les valeurs et afficher la couleur en arrière-plan. Code Hex : # Couleur nommée : Entrez un code hexadécimal (000000 – FFFFFF) dans la case précédée de # pour voir la couleur et ses valeurs en nombres décimaux RGB. Vous pouvez aussi cliquez sur le nom officiel d’une couleur dans la liste déroulante ci-dessus ou la grille de couleurs ci-dessous : Script original réalisé par Nicholas John Warwick Donaldson alias Psyclops, mis en forme et traduit par Prof TNJ

RETOUR
Conversion des couleurs RVB vers Hex

Entrez les niveaux de couleur rouge, vert et bleu (0..255) et appuyez sur le bouton Convertir :

Couleur rouge (R)Couleur verte (G)Couleur bleue (B)

Code couleur hexadécimal

Code couleur RVB

Code couleur HSL

Convertisseur hexadécimal vers RVB ►

Table des couleurs RVB à Hex

CouleurCouleur

Nom

(R, G, B)Hex  Noir(0,0,0)# 000000 blanc(255 255 255)#FFFFFF Rouge (255,0,0)# FF0000 Citron vert(0,255,0)# 00FF00 Bleu(0,0,255)# 0000FF Jaune(255,255,0)# FFFF00 Cyan(0,255,255)# 00FFFF Magenta(255,0255)# FF00FF argent(192.192.192)# C0C0C0 gris(128 128 128 128)# 808080 Bordeaux(128,0,0)# 800000 olive(128.128,0)# 808000 vert(0,128,0)# 008000 Violet(128,0,128)# 800080 Sarcelle(0,128,128)# 008080 Marine(0,0,128)# 000080

Conversion RVB en hexadécimal

  1. Convertissez les valeurs de couleur rouge, verte et bleue de décimal en hexadécimal.
  2. Concaténez les 3 valeurs hexadécimales du rouge, du vert et du bleu ensemble: RRGGBB.

Exemple 1

Convertir la couleur rouge (255,0,0) en code de couleur hexadécimal:

R = 255 10 = FF 16

G = 0 10 = 00 16

B = 0 10 = 00 16

Le code couleur hexadécimal est donc:

Hex = FF0000

Exemple # 2

Convertir la couleur or (255,215,0) en code couleur hexadécimal:

R = 255 10 = FF 16

G = 215 10 = D7 16

B = 0 10 = 00 16

Le code couleur hexadécimal est donc:

Hex = FFD700

 

Conversion hexadécimale vers RVB ►

 

Voir également

La transparence dans un format Hexadécimal n’est pas encore reconnue, l’effet est à titre indicatif ( * ).

Le tableau ci-dessous, vous montre si le contrate d’un texte en blanc ou en noir sur un arrière-plan de couleur #BFAA8F passe les règles 1.4.3 ou 1.4.6 du WCAG 2.0 .

READ  L'homme qui court après la fortune et l'homme qui l'attend dans son lit

Pour l’Accessibilité Web vous devez faire en sorte que le contraste entre la couleur d’un texte et la couleur de son arrière-plan soit suffisamment grand pour que le texte soit correctement lu par une personne affectée par une perception des couleurs déficiente. Les règles sont définîtes dans les recommandations WCAG 2.0 . Tester le contraste entre deux couleurs

Compatibilité des codes couleurs Web non transparentes avec les navigateurs.

Le format de code couleur Web Hexadécimal pour les propriétés CSS ou les attributs HTML est reconnu par tous les navigateurs. Certaines couleurs Web Hexadécimal sont associée à un nom qui correspnd au format de code couleur Nommé. Je vous conseille de ne pas utiliser le format de code couleur Nommé car certains noms sont plus ou moins récents, c’est le cas de la couleur prédéfinie « rebeccapurple » qui est apparue dans le brouillon des spécifiCcations CSS4 en 2017.

Si le code couleur Web RGB ou HSL n’est pas reconnu par le navigateur alors, votre couleur ne sera pas interprétée. Vous risquez de vous retrouver dans des situations embarassantes si vous mélanger les codes couleurs Web. L’exemple ci-dessous pause problème sous le navigateur Internet Explorer < 9+. Le fond est blanc par défaut car le format couleur HSL n’est pas interprété et le texte sera aussi blanc. color : #fff;
background-color : hsl(199,59%,47%);

Le code couleur Web RGB (

Red, Green, Blue

) introduit en CSS2

Le format couleur RGB est compatible avec le navigateur Chrome 1+Chrome 1+ Le format couleur RGB est compatible avec le navigateur FireFox 1+FireFox 1+ Le format couleur RGB est compatible avec le navigateur Safari 1+Safari 1+ Le format couleur RGB est compatible avec le navigateur Internet Explorer 4+Internet Explorer 4+ Le format couleur RGB est compatible avec le navigateur Opera 3.5+Opera 3.5+

Le code couleur Web HSL (

Hue, Saturation, Lightness

) introduit en CSS3

Le format couleur HSL est compatible avec le navigateur Chrome 1+Chrome 1+ Le format couleur HSL est compatible avec le navigateur FireFox 1+FireFox 1+ Le format couleur HSL est compatible avec le navigateur Safari 3.1+Safari 3.1+ Le format couleur HSL est compatible avec le navigateur Internet Explorer 9+Internet Explorer 9+ Le format couleur HSL est compatible avec le navigateur Opera 9.5+Opera 9.5+

Compatibilité des couleurs Web transparentes avec les navigateurs.

Le format de code couleur Nommée avec transparence n’existe pas pour le web.
(*)Dans les futurs spécifications CSS4, le format de code couleur Hexadécimal acceptera en fin de code un alpha background-color : #00ffff77;. A ce jour (10/2016), aucun navigateur ne le reconnait.
Pour information, Internet Explorer utilise le format de code couleur Hexadécimal avec un alpha mais au début pour la propriété Css propriétaire Filter.

filter: progid:DXImageTransform.Microsoft.gradient(
 startColorstr='#69f1e767', endColorstr='#feb645', GradientType=0
);

Si le format de code couleur avec transparence RGBA ou HSLA n’est pas reconnu par le navigateur alors, votre couleur ne sera pas interprétée.
En règle générale, on fait précéder la couleur avec Alpha par une couleur non Alpha. background-color : #3191be;
background-color : hsl(199,59%,47%,0.25);

Le code couleur Web avec transparence RGBA (

Red, Green, Blue, Alpha

) introduit en CSS3

Le format couleur RGBA est compatible avec le navigateur Chrome 1+Chrome 1+ Le format couleur RGBA est compatible avec le navigateur FireFox 3+FireFox 3+ Le format couleur RGBA est compatible avec le navigateur Safari 3.1+Safari 3.1+ Le format couleur RGBA est compatible avec le navigateur Internet Explorer 9+Internet Explorer 9+ Le format couleur RGBA est compatible avec le navigateur Opera 10+Opera 10+

Le code couleur Web avec transparence HSLA (

Hue, Saturation, Lightness, Alpha

) introduit en CSS3

Le format couleur HSLA est compatible avec le navigateur Chrome 1+Chrome 1+ Le format couleur HSLA est compatible avec le navigateur FireFox 3+FireFox 3+ Le format couleur HSLA est compatible avec le navigateur Safari 3.1+Safari 3.1+ Le format couleur HSLA est compatible avec le navigateur Internet Explorer 9+Internet Explorer 9+ Le format couleur HSLA est compatible avec le navigateur Opera 10+Opera 10+

Convertisseur de code hexadécimal de la couleur RVB et RVB HEX (hexadécimal)

Ce convertisseur de couleur gratuit vous donne les valeurs hexadécimaux de vos couleurs RVB et vice-versa (RVB HEX). Utilisez-le pour convertir vos couleurs et de préparer vos graphiques et de pages web HTML.

Pour utiliser le convertisseur, ne pas utiliser le symbole ‘#’. (Ex:3333CC convertit Red: 51 Green: 51 Blue: 204)

Hex Code Red Green Blue

 

Red Green Blue Hex Code

Explication : Le format d’une valeur RGB en notation hexadécimale est un « # » immédiatement suivi par trois ou six caractères hexadécimaux. La notation RVB à trois chiffres (#rgb) est converti en forme à six chiffres (#rrggbb) en reproduisant chiffres, non pas en ajoutant des zéros. Par exemple, # fb0 développe pour # ffbb00. Cela garantit que le blanc (#FFFFFF) peut être spécifiée avec la notation courte (#fff) et supprime toutes les dépendances sur la profondeur de couleur de l’écran. Le format d’une valeur RGB dans la notation fonctionnelle est une start-fonction RGB suivi d’une liste de trois valeurs numériques (soit trois valeurs entières ou trois valeurs de pourcentage), suivis par « ) » séparés par des virgules. Une start-fonction RGB est « rgb ( » La chaîne insensible à la casse, par exemple « RVB ( » ou « RVB (« . Pour la compatibilité, la forme tout-en minuscules « rgb ( » est préférée. La valeur entière 255 correspond à 100 %, et F ou FF dans la notation hexadécimale:. rgb (255,255,255) = rgb (100%, 100%, 100%) = #FFF caractères blancs sont autorisés autour des valeurs numériques Toutes les couleurs RVB sont précisées dans le sRGB. espace de couleur [ SRGB ]. Utilisation sRVB fournit une définition objective et sans ambiguïté mesurable de la couleur, qui peut être liée aux normes internationales.

Noms de mots-clés de couleur reconnu.

Ce qui suit est la liste des mots-clés de couleur reconnus qui peuvent être utilisés comme une valeur clé pour le type de données<color>:

aliceblue

rgb(240, 248, 255)

antiquewhite

rgb(250, 235, 215)

aqua

rgb( 0, 255, 255)

aquamarine

rgb(127, 255, 212)

azure

rgb(240, 255, 255)

beige

rgb(245, 245, 220)

bisque

rgb(255, 228, 196)

black

rgb( 0, 0, 0)

blanchedalmond

rgb(255, 235, 205)

blue

rgb( 0, 0, 255)

blueviolet

rgb(138, 43, 226)

brown

rgb(165, 42, 42)

burlywood

rgb(222, 184, 135)

cadetblue

rgb( 95, 158, 160)

chartreuse

rgb(127, 255, 0)

chocolate

rgb(210, 105, 30)

coral

rgb(255, 127, 80)

cornflowerblue

rgb(100, 149, 237)

cornsilk

rgb(255, 248, 220)

crimson

rgb(220, 20, 60)

cyan

rgb( 0, 255, 255)

darkblue

rgb( 0, 0, 139)

darkcyan

rgb( 0, 139, 139)

darkgoldenrod

rgb(184, 134, 11)

darkgray

rgb(169, 169, 169)

darkgreen

rgb( 0, 100, 0)

darkgrey

rgb(169, 169, 169)

darkkhaki

rgb(189, 183, 107)

darkmagenta

rgb(139, 0, 139)

darkolivegreen

rgb( 85, 107, 47)

darkorange

rgb(255, 140, 0)

darkorchid

rgb(153, 50, 204)

darkred

rgb(139, 0, 0)

darksalmon

rgb(233, 150, 122)

darkseagreen

rgb(143, 188, 143)

darkslateblue

rgb( 72, 61, 139)

darkslategray

rgb( 47, 79, 79)

darkslategrey

rgb( 47, 79, 79)

darkturquoise

rgb( 0, 206, 209)

darkviolet

rgb(148, 0, 211)

deeppink

rgb(255, 20, 147)

deepskyblue

rgb( 0, 191, 255)

dimgray

rgb(105, 105, 105)

dimgrey

rgb(105, 105, 105)

dodgerblue

rgb( 30, 144, 255)

firebrick

rgb(178, 34, 34)

floralwhite

rgb(255, 250, 240)

forestgreen

rgb( 34, 139, 34)

fuchsia

rgb(255, 0, 255)

gainsboro

rgb(220, 220, 220)

ghostwhite

rgb(248, 248, 255)

gold

rgb(255, 215, 0)

goldenrod

rgb(218, 165, 32)

gray

rgb(128, 128, 128)

grey

rgb(128, 128, 128)

green

rgb( 0, 128, 0)

greenyellow

rgb(173, 255, 47)

honeydew

rgb(240, 255, 240)

hotpink

rgb(255, 105, 180)

indianred

rgb(205, 92, 92)

indigo

rgb( 75, 0, 130)

ivory

rgb(255, 255, 240)

khaki

rgb(240, 230, 140)

lavender

rgb(230, 230, 250)

lavenderblush

rgb(255, 240, 245)

lawngreen

rgb(124, 252, 0)

lemonchiffon

rgb(255, 250, 205)

lightblue

rgb(173, 216, 230)

lightcoral

rgb(240, 128, 128)

lightcyan

rgb(224, 255, 255)

lightgoldenrodyellow

rgb(250, 250, 210)

lightgray

rgb(211, 211, 211)

lightgreen

rgb(144, 238, 144)

lightgrey

rgb(211, 211, 211)

lightpink

rgb(255, 182, 193)

lightsalmon

rgb(255, 160, 122)

lightseagreen

rgb( 32, 178, 170)

lightskyblue

rgb(135, 206, 250)

lightslategray

rgb(119, 136, 153)

lightslategrey

rgb(119, 136, 153)

lightsteelblue

rgb(176, 196, 222)

lightyellow

rgb(255, 255, 224)

lime

rgb( 0, 255, 0)

limegreen

rgb( 50, 205, 50)

linen

rgb(250, 240, 230)

magenta

rgb(255, 0, 255)

maroon

rgb(128, 0, 0)

mediumaquamarine

rgb(102, 205, 170)

mediumblue

rgb( 0, 0, 205)

mediumorchid

rgb(186, 85, 211)

mediumpurple

rgb(147, 112, 219)

mediumseagreen

rgb( 60, 179, 113)

mediumslateblue

rgb(123, 104, 238)

mediumspringgreen

rgb( 0, 250, 154)

mediumturquoise

rgb( 72, 209, 204)

mediumvioletred

rgb(199, 21, 133)

midnightblue

rgb( 25, 25, 112)

mintcream

rgb(245, 255, 250)

mistyrose

rgb(255, 228, 225)

moccasin

rgb(255, 228, 181)

navajowhite

rgb(255, 222, 173)

navy

rgb( 0, 0, 128)

oldlace

rgb(253, 245, 230)

olive

rgb(128, 128, 0)

olivedrab

rgb(107, 142, 35)

orange

rgb(255, 165, 0)

orangered

rgb(255, 69, 0)

orchid

rgb(218, 112, 214)

palegoldenrod

rgb(238, 232, 170)

palegreen

rgb(152, 251, 152)

paleturquoise

rgb(175, 238, 238)

palevioletred

rgb(219, 112, 147)

papayawhip

rgb(255, 239, 213)

peachpuff

rgb(255, 218, 185)

peru

rgb(205, 133, 63)

pink

rgb(255, 192, 203)

plum

rgb(221, 160, 221)

powderblue

rgb(176, 224, 230)

purple

rgb(128, 0, 128)

red

rgb(255, 0, 0)

rosybrown

rgb(188, 143, 143)

royalblue

rgb( 65, 105, 225)

saddlebrown

rgb(139, 69, 19)

salmon

rgb(250, 128, 114)

sandybrown

rgb(244, 164, 96)

seagreen

rgb( 46, 139, 87)

seashell

rgb(255, 245, 238)

sienna

rgb(160, 82, 45)

silver

rgb(192, 192, 192)

skyblue

rgb(135, 206, 235)

slateblue

rgb(106, 90, 205)

slategray

rgb(112, 128, 144)

slategrey

rgb(112, 128, 144)

snow

rgb(255, 250, 250)

springgreen

rgb( 0, 255, 127)

steelblue

rgb( 70, 130, 180)

tan

rgb(210, 180, 140)

teal

rgb( 0, 128, 128)

thistle

rgb(216, 191, 216)

tomato

rgb(255, 99, 71)

turquoise

rgb( 64, 224, 208)

violet

rgb(238, 130, 238)

wheat

rgb(245, 222, 179)

white

rgb(255, 255, 255)

whitesmoke

rgb(245, 245, 245)

yellow

rgb(255, 255, 0)

yellowgreen

rgb(154, 205, 50)

Soyez le premier a laisser un commentaire

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *