Couleur RVB marron. La couleur dans les styles peut être spécifiée de différentes manières : par valeur hexadécimale, par nom, au format RVB, RGBA, HSL, HSLA
Regardez attentivement le dessin. Le fond de la fenêtre déroulante est rendu translucide. Il s'agit d'une technique de conception assez courante. Réfléchissons à la manière dont cela peut être mis en œuvre.
Tâche
Rendre la couleur translucide sur plusieurs navigateurs.
Solution
La première idée dans cette situation est d'utiliser une image png24 avec une translucidité déjà définie pour l'arrière-plan. Mais cette image est totalement inutile. Vous pouvez très bien vous en passer (et donc sans requête supplémentaire au serveur). Essayons toujours de trouver la solution optimale.
La deuxième pensée est d'utiliser . Mais dans ce cas, ce n’est pas très pratique. Après tout, non seulement l'arrière-plan, mais aussi les inscriptions deviendront translucides. Oui, en fait, toute la fenêtre en même temps.
Bien sûr, vous pouvez essayer d'ajouter un conteneur supplémentaire et lui appliquer une opacité uniquement, mais cet élément HTML sera destiné uniquement à la décoration et sera évidemment redondant. Est-il possible de s'en passer ?
Bien sûr que vous le pouvez ! Si vous utilisez RGBA.
Format de description des couleurs RVBA
CSS3 vous permet de spécifier la couleur à l'aide des fonctions RVB et RGBA. Dans ce cas, nous devons indiquer la proportion de chaque composante de couleur pour laquelle un octet est alloué (de 0 à 255, au cas où quelqu'un ne le saurait pas).
La syntaxe de ce cas est très simple :
Arrière-plan : RVB (0, 255, 0) ; /* vert pur */
Pour RGBA, un quatrième paramètre est ajouté : la transparence alpha (de 0 à 1).
Arrière-plan : rgba(255, 0, 0, 0,5) ; /* rouge pur avec 50% de transparence */
La voici, la solution à notre problème. Définissez simplement la couleur d’arrière-plan à l’aide de rgba et tout ressemblera à ce que nous souhaitons. Sans images ni éléments inutiles !
Où puis-je obtenir ces numéros ?
Vous pouvez examiner les composantes de la couleur à l’aide de l’outil Pipette de Photoshop.
À propos de la compatibilité entre navigateurs
La fonction RGB étant beaucoup plus ancienne que RGBA et présente depuis l'époque de la norme CSS2, pour vous protéger contre les navigateurs les plus anciens, vous pouvez utiliser la construction en double suivante :
SomeBlock (arrière-plan : rgb(255, 0, 0); arrière-plan : rgba(255, 0, 0, 0.5); )
Avec cette approche, les arrière-grands-pères des navigateurs modernes n'auront pas de translucidité, mais la couleur elle-même restera correcte.
Vous devrez vous occuper d’IE séparément. Les ânes ne comprennent pas RGBA jusqu'à la version 8 incluse.
Comme toujours : la terre pour les paysans, les usines pour les ouvriers, et les ânes comme béquille ! Sous forme de .
Bien entendu, dans des conditions de combat, nous mettons cette règle dans un CSS distinct, que nous connectons.
SomeBlock ( background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ff0000,endColorstr=#80ff0000); zoom: 1; )
L'astuce consiste à spécifier les couleurs de début et de fin de manière identique (ff0000 - rouge) et à profiter du fait que vous pouvez définir le canal alpha pour le dégradé dans ce filtre (dans l'exemple, la valeur est 80).
Pour référence : le filtre utilise le système hexadécimal et le code pour une couleur complètement opaque est FF (en décimal il est 255). En conséquence, l'hexadécimal 80 est le décimal 128, soit 50 % de transparence.
Testé dans :
- IE 6-9
- Firefox 3+
- Opéra 10+
- Safari 4
- Chrome
Les codes de couleur en CSS sont utilisés pour spécifier les couleurs. Généralement, les codes de couleur ou les valeurs de couleur sont utilisés pour définir la couleur soit de la couleur de premier plan d'un élément (par exemple, couleur du texte, couleur du lien), soit de la couleur d'arrière-plan d'un élément (couleur d'arrière-plan, couleur de bloc). Ils peuvent également être utilisés pour modifier la couleur d’un bouton, d’une bordure, d’un marqueur, d’un survol et d’autres effets décoratifs.
Vous pouvez spécifier vos valeurs de couleur dans différents formats. Le tableau suivant répertorie tous les formats possibles :
Les formats répertoriés sont décrits plus en détail ci-dessous.
Couleurs CSS - Codes hexadécimaux
Code couleur hexadécimal est une représentation de la couleur à six chiffres. Les deux premiers chiffres (RR) représentent la valeur rouge, les deux suivants représentent la valeur verte (GG) et les deux derniers représentent la valeur bleue (BB).
Couleurs CSS – Codes hexadécimaux courts
Code couleur hexadécimal court est une forme plus courte de notation à six caractères. Dans ce format, chaque chiffre est répété pour produire une valeur de couleur équivalente à six chiffres. Par exemple : #0F0 devient #00FF00.
La valeur hexadécimale peut être extraite de n'importe quel logiciel graphique tel qu'Adobe Photoshop, Core Draw, etc.
Chaque code couleur hexadécimal en CSS sera précédé d'un signe dièse "#". Vous trouverez ci-dessous des exemples d'utilisation des notations hexadécimales.
Couleurs CSS - Valeurs RVB
Valeur RVB est un code couleur défini à l'aide de la propriété rgb(). Cette propriété prend trois valeurs : une pour le rouge, une pour le vert et une pour le bleu. La valeur peut être un nombre entier, de 0 à 255, ou un pourcentage.
Note: Tous les navigateurs ne prennent pas en charge la propriété de couleur rgb(), il n'est donc pas recommandé de l'utiliser.
Vous trouverez ci-dessous un exemple montrant plusieurs couleurs utilisant des valeurs RVB.
Générateur de code couleur
Vous pouvez créer des millions de codes couleurs en utilisant notre service.
Couleurs sécurisées pour le navigateur
Vous trouverez ci-dessous un tableau de 216 couleurs qui sont les plus sûres et les plus indépendantes de l'ordinateur. Ces couleurs en CSS vont de 000000 au code hexadécimal FFFFFF. Leur utilisation est sûre car ils garantissent que tous les ordinateurs affichent correctement les couleurs lorsque vous travaillez avec la palette de 256 couleurs.
| Tableau des couleurs "sûres" en CSS | |||||
| #000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
| #003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
| #006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
| #009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
| #00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
| #00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
| #330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
| #333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
| #336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
| #339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
| #33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
| #33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
| #660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
| #663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
| #666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
| #669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
| #66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
| #66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
| #990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
| #993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
| #996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
| #999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
| #99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
| #99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
| #CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
| #CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
| #CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
| #CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
| #CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
| #CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
| #FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
| #FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
| #FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
| #FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
| #FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
| #FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |
HEX/HTML
La couleur HEX n'est rien d'autre qu'une représentation hexadécimale du RVB.
Les couleurs sont représentées par trois groupes de chiffres hexadécimaux, où chaque groupe est responsable de sa propre couleur : #112233, où 11 est rouge, 22 est vert et 33 est bleu. Toutes les valeurs doivent être comprises entre 00 et FF.
De nombreuses applications autorisent une forme abrégée de notation hexadécimale des couleurs. Si chacun des trois groupes contient les mêmes caractères, par exemple #112233, alors ils peuvent s'écrire #123.
- h1 ( couleur : #ff0000; ) /* rouge */
- h2 ( couleur : #00ff00; ) /* vert */
- h3 ( couleur : #0000ff; ) /* bleu */
- h4 ( couleur : #00f; ) /* même bleu, sténographie */
RVB
L'espace colorimétrique RVB (Rouge, Vert, Bleu) comprend toutes les couleurs possibles qui peuvent être créées en mélangeant le rouge, le vert et le bleu. Ce modèle est populaire en photographie, à la télévision et en infographie.
Les valeurs RVB sont spécifiées sous forme d'entier compris entre 0 et 255. Par exemple, rgb(0,0,255) s'affiche en bleu car le paramètre bleu est défini sur sa valeur la plus élevée (255) et les autres sont définis sur 0.
Certaines applications (en particulier les navigateurs Web) prennent en charge l'enregistrement en pourcentage des valeurs RVB (de 0 % à 100 %).
- h1 ( couleur : rgb(255, 0, 0); ) /* rouge */
- h2 ( couleur : rgb(0, 255, 0); ) /* vert */
- h3 ( couleur : rgb(0, 0, 255); ) /* bleu */
- h4 ( couleur : rgb(0%, 0%, 100%); ) /* même bleu, entrée en pourcentage */
Les valeurs de couleur RVB sont prises en charge dans tous les principaux navigateurs.
RVBA
Récemment, les navigateurs modernes ont appris à travailler avec le modèle de couleur RGBA - une extension de RVB prenant en charge un canal alpha, qui détermine l'opacité d'un objet.
La valeur de couleur RGBA est spécifiée comme suit : rgba (rouge, vert, bleu, alpha). Le paramètre alpha est un nombre allant de 0,0 (entièrement transparent) à 1,0 (entièrement opaque).
- h1 ( color: rgb(0, 0, 255); ) /* bleu en RVB normal */
- h2 ( color: rgba(0, 0, 255, 1); ) /* le même bleu en RGBA, car opacité : 100% */
- h3 ( couleur : rgba(0, 0, 255, 0.5); ) /* opacité : 50% */
- h4 ( couleur : rgba(0, 0, 255, .155); ) /* opacité : 15,5% */
- h5 ( couleur : rgba(0, 0, 255, 0); ) /* complètement transparent */
RGBA est pris en charge dans IE9+, Firefox 3+, Chrome, Safari et Opera 10+.
LGV
Le modèle de couleur HSL est une représentation du modèle RVB dans un système de coordonnées cylindriques. HSL représente les couleurs d'une manière plus intuitive et lisible par l'homme que le RVB typique. Le modèle est souvent utilisé dans les applications graphiques, les palettes de couleurs et l'analyse d'images.
HSL signifie Hue (couleur/teinte), Saturation (saturation), Lightness/Luminance (luminosité/luminosité/luminosité, à ne pas confondre avec luminosité).
Hue spécifie la position de la couleur sur la roue chromatique (de 0 à 360). La saturation est la valeur en pourcentage de la saturation (de 0% à 100%). La légèreté est un pourcentage de légèreté (de 0% à 100%).
- h1 ( couleur : hsl(120, 100%, 50%); ) /* vert */
- h2 ( couleur : hsl(120, 100%, 75%); ) /* vert clair */
- h3 ( couleur : hsl(120, 100%, 25%); ) /* vert foncé */
- h4 ( couleur : hsl(120, 60%, 70%); ) /* vert pastel */
HSL est pris en charge dans IE9+, Firefox, Chrome, Safari et Opera 10+.
HSLA
Semblable à RVB/RGBA, HSL dispose d'un mode HSLA qui prend en charge un canal alpha pour indiquer l'opacité d'un objet.
La valeur de couleur HSLA est spécifiée comme suit : hsla (teinte, saturation, luminosité, alpha). Le paramètre alpha est un nombre allant de 0,0 (entièrement transparent) à 1,0 (entièrement opaque).
- h1 ( color: hsl(120, 100%, 50%); ) /* vert en HSL normal */
- h2 ( color: hsla(120, 100%, 50%, 1); ) /* le même vert en HSLA, car opacité : 100% */
- h3 ( couleur : hsla(120, 100%, 50%, 0.5); ) /* opacité : 50% */
- h4 ( couleur : hsla(120, 100%, 50%, .155); ) /* opacité : 15,5% */
- h5 ( couleur : hsla(120, 100%, 50%, 0); ) /* complètement transparent */
CMJN
Le modèle de couleur CMJN est souvent associé à l'impression et à l'impression couleur. CMJN (contrairement au RVB) est un modèle soustractif, ce qui signifie que des valeurs plus élevées sont associées à des couleurs plus sombres.
Les couleurs sont déterminées par le rapport cyan (Cyan), magenta (Magenta), jaune (Jaune), avec l'ajout de noir (Key/noir).
Chacun des nombres qui définissent une couleur en CMJN représente le pourcentage d'encre d'une couleur donnée qui compose la combinaison de couleurs, ou plus précisément, la taille du point d'écran qui est imprimé sur la photocomposeuse sur un film de cette couleur (ou directement sur la plaque d'impression dans le cas du CTP).
Par exemple, pour obtenir la couleur PANTONE 7526, vous devez mélanger 9 parts de cyan, 83 parts de magenta, 100 parts de jaune et 46 parts de noir. Cela peut être noté comme suit : (9,83,100,46). Parfois, les désignations suivantes sont utilisées : C9M83Y100K46, ou (9 %, 83 %, 100 %, 46 %), ou (0,09/0,83/1,0/0,46).
HSB/HSV
HSB (également connu sous le nom de HSV) est similaire au HSL, mais il s'agit de deux modèles de couleurs différents. Ils sont tous deux basés sur une géométrie cylindrique, mais HSB/HSV est basé sur le modèle « hexcone », tandis que HSL est basé sur le modèle « bi-hexcone ». Les artistes préfèrent souvent utiliser ce modèle, il est généralement admis que le dispositif HSB/HSV est plus proche de la perception naturelle des couleurs. En particulier, le modèle de couleur HSB est utilisé dans Adobe Photoshop.
HSB/HSV signifie Hue (couleur/teinte), Saturation (saturation), Brightness/Value (luminosité/valeur).
Hue spécifie la position de la couleur sur la roue chromatique (de 0 à 360). La saturation est la valeur en pourcentage de la saturation (de 0% à 100%). La luminosité est un pourcentage de luminosité (de 0 % à 100 %).
XYZ
Le modèle de couleur XYZ (CIE 1931 XYZ) est un espace purement mathématique. Contrairement aux modèles RVB, CMJN et autres, dans XYZ, les composants principaux sont « imaginaires », ce qui signifie que vous ne pouvez pas associer X, Y et Z à un ensemble de couleurs à mélanger. XYZ est le modèle principal de presque tous les autres modèles de couleurs utilisés dans les domaines techniques.
LABORATOIRE
Le modèle de couleur LAB (CIELAB, « CIE 1976 L*a*b* ») est calculé à partir de l'espace CIE XYZ. La conception de Lab a été conçue pour créer un espace colorimétrique dans lequel les changements de couleur seraient plus linéaires en termes de perception humaine (par rapport à XYZ), c'est-à-dire de sorte que le même changement de valeurs de coordonnées de couleur dans différentes zones de la couleur l'espace produirait la même sensation de changement de couleur.
>>Gestion des couleurs
Valeurs de couleur RVB hexadécimales
Les méthodes de description et de traitement des couleurs diffèrent les unes des autres par la représentation finale à laquelle elles sont destinées. Comparons, par exemple, la représentation des couleurs pour l'impression et pour les écrans d'ordinateur. Dans le premier cas, la base est prise blanc la couleur du papier sur lequel sont ensuite appliquées trois couleurs primaires : bleu, violet Et jaune. Se mélangeant entre elles et avec la couleur blanche du papier dans des proportions différentes, ces trois couleurs primaires donnent des nuances de couleurs différentes, sauf pour le noir pur, ou en l'absence totale de peintures elles donnent du papier blanc. Si on leur ajoute de la couleur noire, on obtient CMJN- une méthode de transmission de couleur lorsque la couleur recherchée est obtenue en soustrayant les couleurs manquantes du blanc.
Dans le deuxième cas, la base est prise noir la couleur de l'écran du moniteur, dont chaque cellule brille dans l'une des trois couleurs suivantes : rouge-rouge, vert-vert et bleu-bleu. Ensuite, en l'absence totale de toute lueur, nous obtenons une couleur d'écran noire pure, et chacune des couleurs requises est donnée par le rapport de chacune des trois couleurs. Dans ce cas, nous obtiendrons RVB-méthode de transmission des couleurs. Les couleurs primaires peuvent varier de 0
à 255
, ou de 0%
à 100%
, ou peut être représenté sous forme de valeur hexadécimale. Dans la figure ci-dessous, vous pouvez voir les résultats du mélange des couleurs primaires.
Le système de numérotation hexadécimal, contrairement au système de numérotation décimal, n'a pas dix chiffres, mais seize - d'où son nom. En conséquence, il ne peut y avoir que des variantes non répétitives de combinaisons de deux chiffres - 256 , pour continuer la série de nombres après 9 lettres de UNà F, donc la série ressemblera à ceci -
| 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
Dans ce cas, la couleur est spécifiée par trois nombres hexadécimaux, chacun étant composé de deux chiffres. Le premier chiffre détermine l'intensité rouge couleurs, moyen- vert, dernier- bleu couleurs. Tous les nombres peuvent prendre des valeurs comprises entre 00 à FR(de 0 à 255). Par exemple : la couleur verte est donnée par #00FF00, rouge - comme #FF0000, bleu - comme #0000FF, blanc - comme #FFFFFF, l'absence totale de couleur ou de noir est donnée par #000000 .
Dans le formulaire ci-dessous, vous pouvez spécifier n'importe quelle valeur hexadécimale pour chacune des trois couleurs et voir le résultat de leur mélange en cliquant dans le champ de sortie.
Exemples de valeurs de couleur RVB hexadécimales : dégradés de rouge, bleu et vert.
| voir | code | voir | code | voir | code | voir | code | voir | code | voir | code |
| #010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
| #100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
| #200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
| #300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
| #400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
| #500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
| #600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
| #700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Spécification de la couleur à l'aide de chaînes littérales
Pour faciliter leur utilisation, certaines couleurs et leurs combinaisons se sont vu attribuer des noms reconnus par tous les navigateurs, et il est devenu possible d'en définir plusieurs par leur nom. Le tableau ci-dessous montre certains des noms de couleurs :
| voir | Nom | voir | Nom | voir | Nom | voir | Nom |
| Blanc | Rouge | Orange | Jaune | ||||
| Vert | Bleu | Violet | Noir | ||||
| Alicebleu | Blanc Antique | Aqua | Bleu vert | ||||
| Azuré | Beige | Bisque | Blanchedalmonde | ||||
| Bleuviolet | Brun | Burlywood | Cadetbleu | ||||
| Chartreuse | Chocolat | Corail | Bleuetbleu | ||||
| Soie de maïs | Cramoisi | Cyan | Bleu foncé | ||||
| Cyan foncé | Verge d'or foncé | Gris foncé | Vert foncé | ||||
| Kaki foncé | Magenta foncé | Vert olive foncé | Orange foncé | ||||
| Orchidée noire | Rouge foncé | Saumon noir | Vert d'eau foncé | ||||
| Bleu ardoise foncé | Gris ardoise foncé | Turquoise foncé | Violet foncé | ||||
| Rose profond | Bleu ciel profond | Gris foncé | Bleu Dodger | ||||
| Brique réfractaire | Floralblanc | Vert forêt | Fuschia | ||||
| Gainsboro | Blanc fantôme | Or | Verge d'or | ||||
| Gris | Vertjaune | Miellat | Rose vif | ||||
| Rouge indien | Indigo | Ivoire | Kaki | ||||
| Lavande | Blush lavande | Mousseline de Citron | Bleu clair | ||||
| Corail clair | Cyan clair | Tige froide légèrejaune | Vert clair | ||||
| Gris clair | Rose clair | Saumon clair | Vert d'eau clair | ||||
| Bleu ciel clair | Gris ardoise clair | Bleu acier clair | Jaune clair | ||||
| Citron vert | Vert lime | Lin | Magenta | ||||
| Bordeaux | Aigue-marine moyenne | Bleu moyen | Orchidée moyenne | ||||
| Violet moyen | Vert d'eau moyen | Bleu ardoise moyen | Vert printemps moyen | ||||
| Turquoise moyen | Rouge violet moyen | Bleu nuit | Crème à la Menthe | ||||
| Rose brumeuse | Navajoblanc | Marine | Vieille dentelle | ||||
| Olive | Olivierab | Orangerouge | Orchidée | ||||
| Verge pâle | Vert pâle | Paletteurquoise | Rouge Paleviolet | ||||
| Papayawhip | Choux aux pêches | Pérou | Rose | ||||
| Prune | Bleu poudre | Brun rosé | Bleu royal | ||||
| Brun selle | Vert d'eau | Coquillage | Terre de sienne | ||||
| Argent | Bleu ciel | Bleu ardoise | Gris ardoise | ||||
| Neige | Vert printanier | Bleu acier | Tanné | ||||
| Sarcelle | Chardon | Tomate | Turquoise | ||||
| Violet | Blé | fumée blanche | Jaunevert |
Utiliser une palette de couleurs sûre
Malheureusement, sur différentes plates-formes, avec des paramètres système différents, la reproduction correcte des couleurs est un problème. Le fait est que le navigateur essaie toujours d'ajuster la palette de couleurs du document aux paramètres du système et aux capacités du moniteur, en mélangeant indépendamment les couleurs et en les remplaçant. De ce fait, parfois l’utilisateur ne voit pas exactement ce que le webmaster a voulu lui montrer. Un moyen de sortir de cette situation a été trouvé en utilisant une palette dont chaque couleur est garantie d'être rendue de manière égale par tous les navigateurs sur différentes plates-formes. C'est ce qu'on appelle garanti palette, également appelée sûr palette. Cette palette comprend des couleurs dont les composantes de couleur prennent les valeurs suivantes : 00 ,33 ,66 ,99 , CC,FR, de toutes les manières possibles 216 leurs combinaisons.
| voir | code | voir | code | voir | code | voir | code | voir | code | voir | code |
| FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
| CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
| CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
| 99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
| CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
| 66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
| 33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
| CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
| 99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
| 66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
| 66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
| 99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
| CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
| 99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
| 66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
| 99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
| 0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
| 6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 | ||||||
| 3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 | ||||||
| 9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
| CCCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
| 9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
| CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
| CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 | ||||||
| CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
| FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
| FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
| FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
| FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
| CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
| FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
| FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
| FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
| FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
| FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
| FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |