Tonos de color HTML
Sombras de gris
Los colores grises se muestran utilizando la misma cantidad de energía para todas las fuentes de luz.
Para facilitarle la selección de un color gris, hemos compilado una tabla de tonos grises para usted:
| Gray Shades | HEX | RGB |
|---|---|---|
| HTML Black | #000000 | rgb(0,0,0) |
| #080808 | rgb(8,8,8) | |
| #101010 | rgb(16,16,16) | |
| #181818 | rgb(24,24,24) | |
| #202020 | rgb(32,32,32) | |
| #282828 | rgb(40,40,40) | |
| #303030 | rgb(48,48,48) | |
| #383838 | rgb(56,56,56) | |
| #404040 | rgb(64,64,64) | |
| #484848 | rgb(72,72,72) | |
| #505050 | rgb(80,80,80) | |
| #585858 | rgb(88,88,88) | |
| #606060 | rgb(96,96,96) | |
| #686868 | rgb(104,104,104) | |
| HTML DimGray | #696969 | rgb(105,105,105) |
| #707070 | rgb(112,112,112) | |
| #787878 | rgb(120,120,120) | |
| HTML Gray | #808080 | rgb(128,128,128) |
| #888888 | rgb(136,136,136) | |
| #909090 | rgb(144,144,144) | |
| #989898 | rgb(152,152,152) | |
| #A0A0A0 | rgb(160,160,160) | |
| #A8A8A8 | rgb(168,168,168) | |
| HTML DarkGray !!! | #A9A9A9 | rgb(169,169,169) |
| #B0B0B0 | rgb(176,176,176) | |
| #B8B8B8 | rgb(184,184,184) | |
| X11 Gray | #BEBEBE | rgb(190,190,190) |
| HTML Silver | #C0C0C0 | rgb(192,192,192) |
| #C8C8C8 | rgb(200,200,200) | |
| #D0D0D0 | rgb(208,208,208) | |
| HTML LightGray | #D3D3D3 | rgb(211,211,211) |
| #D8D8D8 | rgb(216,216,216) | |
| HTML Gainsboro | #DCDCDC | rgb(220,220,220) |
| #E0E0E0 | rgb(224,224,224) | |
| #E8E8E8 | rgb(232,232,232) | |
| #F0F0F0 | rgb(240,240,240) | |
| HTML WhiteSmoke | #F5F5F5 | rgb(245,245,245) |
| #F8F8F8 | rgb(248,248,248) | |
| HTML White | #FFFFFF | rgb(255,255,255) |
Una anomalía en la tabla anterior es que HTML Gray es más oscuro que DarkGray.
Los nombres de color de HTML/CSS se heredaron del estándar X11 .
HTML/CSS define el gris en el punto medio de la escala de grises de 8 bits (128,128,128).
X11 definió el gris como (190,190,190); que está más cerca de HTML plata.
Colores web gris / gris
Hay varios nombres de colores grises en HTML/CSS.
Todos los colores grises se escriben como gris (no gris).
Esta ortografía se heredó del estándar X11 .
Todos los navegadores modernos aceptan gris y gris, pero las primeras versiones de Internet Explorer no reconocían el gris.
Tonos de rojo
Si observa la tabla de colores a continuación, verá el resultado de variar la luz roja de 0 a 255, manteniendo la luz verde y azul en cero.
Haga clic en los valores hexadecimales, si desea analizar el color en nuestro selector de color.
| Red Light | HEX | RGB |
|---|---|---|
| rgb(0,0,0) | ||
| rgb(8,0,0) | ||
| rgb(16,0,0) | ||
| rgb(24,0,0) | ||
| rgb(32,0,0) | ||
| rgb(40,0,0) | ||
| rgb(48,0,0) | ||
| rgb(56,0,0) | ||
| rgb(64,0,0) | ||
| rgb(72,0,0) | ||
| rgb(80,0,0) | ||
| rgb(88,0,0) | ||
| rgb(96,0,0) | ||
| rgb(104,0,0) | ||
| rgb(112,0,0) | ||
| rgb(120,0,0) | ||
| rgb(128,0,0) | ||
| rgb(136,0,0) | ||
| rgb(144,0,0) | ||
| rgb(152,0,0) | ||
| rgb(160,0,0) | ||
| rgb(168,0,0) | ||
| rgb(176,0,0) | ||
| rgb(184,0,0) | ||
| rgb(192,0,0) | ||
| rgb(200,0,0) | ||
| rgb(208,0,0) | ||
| rgb(216,0,0) | ||
| rgb(224,0,0) | ||
| rgb(232,0,0) | ||
| rgb(240,0,0) | ||
| rgb(248,0,0) | ||
| rgb(255,0,0) |
16 millones de colores diferentes
La combinación de los valores Rojo, Verde y Azul de 0 a 255 da un total de más de 16 millones de colores diferentes para jugar (256 x 256 x 256).
La mayoría de los monitores modernos pueden mostrar al menos 16384 colores diferentes.
¿Colores seguros para la web?
Hace muchos años, cuando las computadoras admitían un máximo de 256 colores diferentes, se sugirió una lista de 216 "Colores seguros para la web" como estándar web (reservando 40 colores fijos del sistema).
Esto no es importante ahora, ya que la mayoría de las computadoras pueden mostrar millones de colores diferentes.
Esta paleta de colores de navegador cruzado de 216 valores hexadecimales se creó para garantizar que todas las computadoras mostraran los colores correctamente al ejecutar una paleta de 256 colores:
| 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 |