Outil de recherche des couleurs de sécurité 216WEB
Fournit 216 couleurs de sécurité web cohérentes entre les plateformes, prend en charge la prévisualisation des couleurs et l'interrogation des valeurs de couleur. Il s'agit d'un outil de référence pratique de correspondance des couleurs pour la conception web, le développement frontal et la conception de l'interface utilisateur, afin de garantir que les couleurs sont affichées de manière cohérente dans différents systèmes et navigateurs.
216 Couleurs de la sécurité web
HTML#000000 RVB 0 0 0
HTML#000033 RVB 0 0 51
HTML#000066 RVB 0 0 102
HTML#000099 RVB 0 0 153
HTML#0000CC RVB 0 0 204
HTML#0000FF RVB 0 0 255
HTML#003300 RVB 0 51 0
HTML#003333 RVB 0 51 51
HTML#003366 RVB 0 51 102
HTML#003399 RVB 0 51 153
HTML#0033CC RVB 0 51 204
HTML#0033FF RVB 0 51 255
HTML#006600 RVB 0 102 0
HTML#006633 RVB 0 102 51
HTML#006666 RVB 0 102 102
HTML#006699 RVB 0 102 153
HTML#0066CC RVB 0 102 204
HTML#0066FF RVB 0 102 255
HTML#009900 RVB 0 153 0
HTML#009933 RVB 0 153 51
HTML#009966 RVB 0 153 102
HTML#009999 RVB 0 153 153
HTML#0099CC RVB 0 153 204
HTML#0099FF RVB 0 153 255
HTML#00CC00 RVB 0 204 0
HTML#00CC33 RVB 0 204 51
HTML#00CC66 RVB 0 204 102
HTML#00CC99 RVB 0 204 153
HTML#00CCCC RVB 0 204 204
HTML#00CCFF RVB 0 204 255
HTML#00FF00 RVB 0 255 0
HTML#00FF33 RVB 0 255 51
HTML#00FF66 RVB 0 255 102
HTML#00FF99 RVB 0 255 153
HTML#00FFCC RVB 0 255 204
HTML#00FFFF RVB 0 255 255
HTML#330000 RVB 51 0 0
HTML#330033 RVB 51 0 51
HTML#330066 RVB 51 0 102
HTML#330099 RVB 51 0 153
HTML#3300CC RVB 51 0 204
HTML#3300FF RVB 51 0 255
HTML#333300 RVB 51 51 0
HTML#333333 RVB 51 51 51
HTML#333366 RVB 51 51 102
HTML#333399 RVB 51 51 153
HTML#3333CC RVB 51 51 204
HTML#3333FF RVB 51 51 255
HTML#336600 RVB 51 102 0
HTML#336633 RVB 51 102 51
HTML#336666 RVB 51 102 102
HTML#336699 RVB 51 102 153
HTML#3366CC RVB 51 102 204
HTML#3366FF RVB 51 102 255
HTML#339900 RVB 51 153 0
HTML#339933 RVB 51 153 51
HTML#339966 RVB 51 153 102
HTML#339999 RVB 51 153 153
HTML#3399CC RVB 51 153 204
HTML#3399FF RVB 51 153 255
HTML#33CC00 RVB 51 204 0
HTML#33CC33 RVB 51 204 51
HTML#33CC66 RVB 51 204 102
HTML#33CC99 RVB 51 204 153
HTML#33CCCC RVB 51 204 204
HTML#33CCFF RVB 51 204 255
HTML#33FF00 RVB 51 255 0
HTML#33FF33 RVB 51 255 51
HTML#33FF66 RVB 51 255 102
HTML#33FF99 RVB 51 255 153
HTML#33FFCC RVB 51 255 204
HTML#33FFFF RVB 51 255 255
HTML#660000 RVB 102 0 0
HTML#660033 RVB 102 0 51
HTML#660066 RVB 102 0 102
HTML#660099 RVB 102 0 153
HTML#6600CC RVB 102 0 204
HTML#6600FF RVB 102 0 255
HTML#663300 RVB 102 51 0
HTML#663333 RVB 102 51 51
HTML#663366 RVB 102 51 102
HTML#663399 RVB 102 51 153
HTML#6633CC RVB 102 51 204
HTML#6633FF RVB 102 51 255
HTML#666600 RVB 102 102 0
HTML#666633 RVB 102 102 51
HTML#666666 RVB 102 102 102
HTML#666699 RVB 102 102 153
HTML#6666CC RVB 102 102 204
HTML#6666FF RVB 102 102 255
HTML#669900 RVB 102 153 0
HTML#669933 RVB 102 153 51
HTML#669966 RVB 102 153 102
HTML#669999 RVB 102 153 153
HTML#6699CC RVB 102 153 204
HTML#6699FF RVB 102 153 255
HTML#66CC00 RVB 102 204 0
HTML#66CC33 RVB 102 204 51
HTML#66CC66 RVB 102 204 102
HTML#66CC99 RVB 102 204 153
HTML#66CCCC RVB 102 204 204
HTML#66CCFF RVB 102 204 255
HTML#66FF00 RVB 102 255 0
HTML#66FF33 RVB 102 255 51
HTML#66FF66 RVB 102 255 102
HTML#66FF99 RVB 102 255 153
HTML#66FFCC RVB 102 255 204
HTML#66FFFF RVB 102 255 255
HTML#990000 RVB 153 0 0
HTML#990033 RVB 153 0 51
HTML#990066 RVB 153 0 102
HTML#990099 RVB 153 0 153
HTML#9900CC RVB 153 0 204
HTML#9900FF RVB 153 0 255
HTML#993300 RVB 153 51 0
HTML#993333 RVB 153 51 51
HTML#993366 RVB 153 51 102
HTML#993399 RVB 153 51 153
HTML#9933CC RVB 153 51 204
HTML#9933FF RVB 153 51 255
HTML#996600 RVB 153 102 0
HTML#996633 RVB 153 102 51
HTML#996666 RVB 153 102 102
HTML#996699 RVB 153 102 153
HTML#9966CC RVB 153 102 204
HTML#9966FF RVB 153 102 255
HTML#999900 RVB 153 153 0
HTML#999933 RVB 153 153 51
HTML#999966 RVB 153 153 102
HTML#999999 RVB 153 153 153
HTML#9999CC RVB 153 153 204
HTML#9999FF RVB 153 153 255
HTML#99CC00 RVB 153 204 0
HTML#99CC33 RVB 153 204 51
HTML#99CC66 RVB 153 204 102
HTML#99CC99 RVB 153 204 153
HTML#99CCCC RVB 153 204 204
HTML#99CCFF RVB 153 204 255
HTML#99FF00 RVB 153 255 0
HTML#99FF33 RVB 153 255 51
HTML#99FF66 RVB 153 255 102
HTML#99FF99 RVB 153 255 153
HTML#99FFCC RVB 153 255 204
HTML#99FFFF RVB 153 255 255
HTML#CC0000 RVB 204 0 0
HTML#CC0033 RVB 204 0 51
HTML#CC0066 RVB 204 0 102
HTML#CC0099 RVB 204 0 153
HTML#CC00CC RVB 204 0 204
HTML#CC00FF RVB 204 0 255
HTML#CC3300 RVB 204 51 0
HTML#CC3333 RVB 204 51 51
HTML#CC3366 RVB 204 51 102
HTML#CC3399 RVB 204 51 153
HTML#CC33CC RVB 204 51 204
HTML#CC33FF RVB 204 51 255
HTML#CC6600 RVB 204 102 0
HTML#CC6633 RVB 204 102 51
HTML#CC6666 RVB 204 102 102
HTML#CC6699 RVB 204 102 153
HTML#CC66CC RVB 204 102 204
HTML#CC66FF RVB 204 102 255
HTML#CC9900 RVB 204 153 0
HTML#CC9933 RVB 204 153 51
HTML#CC9966 RVB 204 153 102
HTML#CC9999 RVB 204 153 153
HTML#CC99CC RVB 204 153 204
HTML#CC99FF RVB 204 153 255
HTML#CCCC00 RVB 204 204 0
HTML#CCCC33 RVB 204 204 51
HTML#CCCC66 RVB 204 204 102
HTML#CCCC99 RVB 204 204 153
HTML#CCCCCC RVB 204 204 204
HTML#CCCCFF RVB 204 204 255
HTML#CCFF00 RVB 204 255 0
HTML#CCFF33 RVB 204 255 51
HTML#CCFF66 RVB 204 255 102
HTML#CCFF99 RVB 204 255 153
HTML#CCFFCC RVB 204 255 204
HTML#CCFFFF RVB 204 255 255
HTML#FF0000 RVB 255 0 0
HTML#FF0033 RVB 255 0 51
HTML#FF0066 RVB 255 0 102
HTML#FF0099 RVB 255 0 153
HTML#FF00CC RVB 255 0 204
HTML#FF00FF RVB 255 0 255
HTML#FF3300 RVB 255 51 0
HTML#FF3333 RVB 255 51 51
HTML#FF3366 RVB 255 51 102
HTML#FF3399 RVB 255 51 153
HTML#FF33CC RVB 255 51 204
HTML#FF33FF RVB 255 51 255
HTML#FF6600 RVB 255 102 0
HTML#FF6633 RVB 255 102 51
HTML#FF6666 RVB 255 102 102
HTML#FF6699 RVB 255 102 153
HTML#FF66CC RVB 255 102 204
HTML#FF66FF RVB 255 102 255
HTML#FF9900 RVB 255 153 0
HTML#FF9933 RVB 255 153 51
HTML#FF9966 RVB 255 153 102
HTML#FF9999 RVB 255 153 153
HTML#FF99CC RVB 255 153 204
HTML#FF99FF RVB 255 153 255
HTML#FFCC00 RVB 255 204 0
HTML#FFCC33 RVB 255 204 51
HTML#FFCC66 RVB 255 204 102
HTML#FFCC99 RVB 255 204 153
HTML#FFCCCC RVB 255 204 204
HTML#FFCCFF RVB 255 204 255
HTML#FFFF00 RVB 255 255 0
HTML#FFFF33 RVB 255 255 51
HTML#FFFF66 RVB 255 255 102
HTML#FFFF99 RVB 255 255 153
HTML#FFFFCC RVB 255 255 204
HTML#FFFFFF RVB 255 255 255
Cet outil propose 216 types de fonctions d'interrogation des couleurs de sécurité WEB communes. Les utilisateurs peuvent cliquer pour afficher la valeur spécifique et l'effet d'affichage des différentes couleurs. Toutes les fonctions sont entièrement gratuites et conviennent aux concepteurs de sites web, aux développeurs d'applications frontales et à tous ceux qui ont besoin d'unifier l'effet d'affichage des couleurs de la scène.
Pourquoi 216 couleurs ?
Sur les 256 couleurs du mode d'affichage, 40 s'affichent différemment sur les systèmes Mac et Windows. Il n'y a donc que 216 “couleurs sûres” qui sont vraiment cohérentes d'une plate-forme à l'autre. Pour que les utilisateurs voient les mêmes couleurs sur différents systèmes d'exploitation et navigateurs, il est recommandé d'utiliser ces 216 couleurs sûres de préférence à d'autres dans la conception.
Qu'est-ce qu'une couleur sûre ?
La couleur de sécurité est une couleur utilisée pour transmettre des informations sur la sécurité. Elle sert à avertir des dangers, à indiquer l'emplacement des équipements de sécurité ou à communiquer des instructions d'utilisation par le biais d'effets visuels frappants. Les couleurs de sécurité doivent être conformes à des normes internationales ou nationales uniformes afin d'être rapidement reconnues et comprises dans différentes situations.
Normes et signification des couleurs de sécurité
L'Organisation internationale de normalisation (ISO) recommande l'utilisation du rouge, du jaune et du vert comme couleurs de sécurité, le bleu étant une couleur secondaire. Norme nationale chinoise GB 2893-82 Le rouge, le bleu, le jaune et le vert sont des couleurs de sécurité, dont la signification et l'utilisation sont les suivantes :
- rose: Indique l'interdiction, l'arrêt. Utilisé pour les panneaux d'interdiction, les signaux d'arrêt, les poignées de freinage d'urgence des véhicules, etc.
- Blanc: Indique une directive, un règlement qui doit être respecté. Généralement utilisé pour les panneaux directifs.
- pornographiqueSignes d'avertissement : Indique un avertissement, une attention. Utilisé pour les panneaux d'avertissement, les lignes centrales des chaussées, etc.
- plus vertLe mot "sécurité" désigne une indication de l'état de la sécurité, du passage. Il est utilisé pour les panneaux d'incitation, les panneaux de signalisation pour piétons et véhicules, etc.
Français