pasteles - ¿Manera intuitiva de entender los códigos de color html hexadecimales?

tabla de colores html pdf (10)

Bueno, los monitores utilizan un esquema de colores ''RGB''. El orden de los colores en el número hexadecimal es RRGGBB. Así que solo recordar el nombre del colorcheme te dice qué va a dónde. Luego puede analizar el #RRGGBB como tres números RR, GG y BB.

Cuanto mayor sea el número, más brillante será ese componente en particular.

Entonces solo necesita recordar la rueda de color aditiva de la escuela primaria. ;)

¿Hay una forma intuitiva, o una buena mnemotécnica, para entender la correspondencia entre los colores y sus valores hexadecimales?

Creo que es útil obtener una buena tabla de colores HTML y guardarla junto a su escritorio. Me gustan los mouse pad y carteles de Visibone .

Divida el color en un trío de valores que representan rojo, verde y azul. Cuanto mayor sea el valor hexadecimal en cada segmento, mayor será el color. Entonces # 000000 es negro, # FF0000 es todo rojo, # FF00FF es púrpura etc.

Los colores hexadecimales son de la forma #RRGGBB donde RR es rojo, GG es verde y BB es azul. Dado que son hexadecimales, van desde 00-FF. De eso debería ser bastante fácil medir aproximadamente qué tipo de color está tratando, por ejemplo, # FF12A3 va a ser bastante rojo.

Me las arreglé para crear colores intuitivamente ahora (con algunas pruebas y errores, por supuesto), habiéndolas practicado mucho. Jugar / usar mezcladores de color (con controles deslizantes rojo / verde / azul, por ejemplo) ayuda a entender las relaciones. Ahora, sé que FFFF00 es amarillo, FF00FF es magenta, 00FFFF es cian, además, por supuesto, los colores primarios, y todos los demás colores están en el medio.

Necesitas entender tres cosas distintas aquí.

Leer y escribir números en hexadecimal. Esto solo requiere práctica y familiarizarse con eso. Los códigos de color oscilan entre 00 (cero) y FF (= 255), así que dedique un poco de tiempo (utilizando calc.exe en el modo Científico, ¿no?) Eligiendo un número e intentando adivinar qué será en hexadecimal, y viceversa . Contar en decimal es probablemente una segunda naturaleza para usted; contar en hex es el mismo concepto, con diferentes símbolos y reglas.
Cómo leer un código de color RGB como tres valores de componentes. Los códigos RGB se escriben como tres dígitos (#FFF) o seis (#FFFFFF). En el primer caso, cada dígito es un componente de color único; rojo, verde, luego azul. 0 = vacío, F = ''lleno'' (máximo). El segundo es el mismo pero el dígito adicional le da un rango de tonos mucho más amplio porque tiene 256 intensidades posibles para cada componente en lugar de 16.
Conociendo el modelo de color RGB. Tus colores primarios son rojo, verde y azul. Sus colores secundarios son amarillo (R + G), magenta (R + B) y cian (G + B). Aumentar todos los valores hace que el color sea más claro; disminuyéndolos a todos lo hace más oscuro. Escalas de grises puras tendrán tres componentes iguales, por ejemplo, #ddd, # 222. Matice los grises presionando uno de los valores de color un poco - # 866 le dará un gris oscuro con un toque de rojo. Este bit solo debes aprender a través de la experiencia. Juega con ello. Obtén una herramienta como Cuentagotas instantánea y úsala para encontrar los valores hexadecimales de los colores conocidos.

Hacer las cosas bien es muy, muy difícil, pero no tomará más de un par de días antes de poder decir "bien ... quiero naranja, que está en algún lugar entre rojo (# F00) y amarillo (# FF0) en la rueda de colores, intentemos dividir la diferencia y use # F90 ... hmm, un poco oscuro, así que empujemos un poco los componentes G y B ... # FA2 ... ¡lo tengo! "

Recuerda:

1) El orden de los pares hexagonales es rojo, verde y azul. Esto es fácil de recordar ya que hablamos mucho sobre el color RGB, las pantallas RGB, etc.

2) Los números deben interpretarse como la cantidad de luz en el color. Entonces 00 no es luz, mientras que FF es luz máxima en ese color.

3) Los tres colores son del mismo nivel, se "cancelan entre sí", por lo que obtenemos un color de escala de grises. 00 es luz mínima, så si los tres colores son 00 no obtenemos luz, es decir. negro. Si los tres colores son max-light (#FFFFFF) obtenemos blanco, cualquier número intermedio es gris.

Solo piense en eso como mezcla de pintura.

Existen los tres componentes RR, GG, BB, (RRGGBB) que se pueden mezclar con diferentes puntos fuertes. Recuerde que 00 es la fuerza más baja, y ff es la más alta.

Por ejemplo, sabemos que 000000 será de baja resistencia en todos los colores y será negro. Del mismo modo, ffffff es más alto en los tres componentes de color y será blanco.

Puede agregar o quitar color haciendo que una parte sea más fuerte o más débil. Por ejemplo, comience con 000000 negro y agregue un poco de rojo como 330000, o agregue un poco de azul con 000033. Agregue ambos y vea lo que sucede 330033.

Agregue MUCHO rojo, con ff0000. O agregue una cantidad mediana de verde para 006600.

Si los tres componentes están cerca de la misma fuerza, se cancelan mutuamente y tienes escala de grises, que será clara u oscura dependiendo de la intensidad de los colores. Por lo tanto, 000000, 333333, 666666, 999999 y ffffff son negros, grises oscuros, grises más claros y blancos.

Si tomas un gris medio y agregas un poco de azul, terminas con un gris azulado, como 888899. Rojo, verde y azul casi iguales, casi gris, pero con un poco más azul. Puedes experimentar con ellos un poco.

Una gran herramienta para ver los códigos de color es esta (pequeña y gratuita):

http://www.nattyware.com/pixie.html

¡Espero que ayude!

Solo tiene que recordar que la escala es 00 (sin efecto de color) a través de FF (efecto de color completo) y las tres partes del triplete son rojo, verde y azul.

000000 es negro (es decir, sin color) y FFFFFF es blanco (mezcla los tres colores primarios).

Lo difícil es recordar las mezclas, que utilizo los siguientes mnemónicos para:

Muy buenos ñames : Rojo + Verde = Amarillo (las papas son mi comida favorita).
Pasas realmente malas : Rojo + Azul = Púrpura (detesto las ciruelas pasas).
Manzanas buenas / malas : verde + azul = agua (soy indiferente con las manzanas).

Obviamente, puede que tengas que inventar tus propios mnemotécnicos si tus gustos de comida difieren de los míos :-). Pero creo que esa es la forma más fácil para mí.

Entonces solo es cuestión de variar las cantidades para agregar un poco más de rojo o un poco menos azul, y así sucesivamente. Por lo general, solo uso los valores de 00, 40, 80, C0 y FF, ya que eso le da una paleta de 125 colores para elegir y no quiero una gran cantidad de opciones para desacelerarme.

No estoy seguro de lo que quieres decir, pero siempre recuerdo que es un color RGB: los dos primeros dígitos son para el rojo, el segundo par para el verde y los últimos para el azul.

así: #RRGGBB

Y, por supuesto, tratando de recordar que los números más bajos dan un tono más oscuro.

Si está buscando una manera de recordar el código de color naranja, me temo que no tiene suerte. Siempre necesito mirar eso ...