Entonces, esta será una respuesta larga para que pueda comprender la forma en que se muestran los colores en CSS.
Los colores en CSS se dan en estos formatos:
- Nombre – ej. rojo verde
- Hex – por ejemplo, # f3f3f3
- Decimal – rgb (66,109,51)
- Decimal con alfa – rgba (66,109,51,0.5)
Los colores se pueden hacer de rojo, verde y azul como ya sabes. Se puede usar un valor decimal máximo de 0-255 para mostrar diferentes tonos de un color.
- ¿Por qué la gente sigue preguntando si deberían usar React o Angular o Node frente a cualquier otra cosa?
- ¿Qué es el SEO técnico? ¿Cómo puedo aplicarlo para mi propio sitio?
- ¿Qué marco es mejor, Bootstrap o Foundation? ¿Por qué?
- ¿Cuánto tiempo tardaré en saber si tengo un don para el desarrollo o la programación de sitios web? Tengo cero experiencia y deseo como mínimo aprender HTML, CSS y Javascript.
- HTML, CSS, Python, Django, Java Script, SQL, PHP, Ruby: ¿cuáles necesitaré para crear una aplicación de sitio web?
Entonces hay 256 (0–255) colores rojos, 256 (0–255) verdes y 256 (0–255) colores azules.
Entonces, puedes hacer 256 * 256 * 256 = 16 millones de colores aprox.
Ahora con tu parte hexadecimal.
Los colores en hexadecimal se pueden mostrar en 6 caracteres hexadecimales como # 3a2b1c
Los primeros dos caracteres hexadecimales representan el rojo, los siguientes dos representan el verde y los otros dos colores azules.
Dos hex pueden representar un valor mínimo de 0 y un valor máximo de 255.
Entonces, si desea 25% de rojo, 32% de verde, 43% de azul, necesita encontrar el valor porcentual entre 255.
25% de 255 = 63.75 == 63 (debe tomar parte entera ya que no puede usar valores decimales)
32% de 255 = 81.6 == 81
43% de 255 = 109.65 == 109
Ahora, para representar este color en formato rgb, simplemente puede decir:
color = rgb (63,81,109)
Pero en hexadecimal, debe convertir los valores decimales a hexadecimales.
Entonces, hex de 63 = 3f
hex de 81 = 51
hex de = 6d
Ahora su color en hexadecimal se puede mostrar como # (hexágono rojo) (hexágono verde) (hexágono azul)
p.ej. color = # 3f516d
Espero eso ayude.