DE ACUERDO.
Entonces en esta lección vamos a discutir muchas de las diferentes formas de describir y
representar colores en C Ss y hasta ahora si vamos a la evaluación que hemos estado escribiendo. Acabamos de utilizar colores simples
de la escuela primaria. como el rojo, el verde y el morado, y obviamente esos funcionan bien, pero no
son tonos particularmente bonitos ni bonitos colores.
En mi opinión, es probable que nunca los uses porque la mayoría de los diseñadores y la mayoría de las personas que crean
sitios web tienen una paleta de colores muy específica.
de la marca como un tono verde muy específico para una marca o si se trata de una paleta de colores.
Si se trata de algo que usted sabe está siguiendo el color
Soy un diseñador o alguien ha creado casi nadie usa solo el rojo, verde o morado predeterminado.
Dicho esto, hay bastantes colores incorporados y CSSA que tienen nombres.
Y de hecho, probablemente haya más de lo que piensas.
Y hay mucho más que la mayoría de la gente recuerda.
Así que hay cosas como el azul aciano o la orquídea oscura y creo que hay 147 colores diferentes.
Y este sitio aquí que realmente nunca he usado.
Solo quiero mostrárselo, es una forma de visualizar todos los diferentes colores nombrados y ver evaluar.
Y, por supuesto, el problema con el uso de estos sigue siendo que solo tiene 147 colores y es posible que desee un
color que le guste este color dorado pero ligeramente más claro o ligeramente más oscuro o ligeramente más rojo y no
va a ser una opción perfecta para usted.
Y luego el otro problema es que es difícil recordar estos nombres como gris pizarra claro.
Nadie recuerda eso.
Así que realmente solo uso colores con nombre como rojo naranja púrpura solo para depuración muy rápida para asegurarme de
que algo funciona.
Voy a ponerlo rojo y ver si funciona.
Y también solo con fines educativos, pero la mayoría de la gente nunca usaría estos colores.
Entonces, CSS proporciona algunos sistemas de color diferentes con los que podemos trabajar.
Y estos son sistemas de color por cierto que existen fuera de las SS.
Por lo tanto, si está familiarizado con la fotografía o la impresión y ha trabajado con colores antes, es posible que
haya encontrado algunos de estos.
Entonces, el primero es algo llamado hexadecimal y antes de hablar sobre por qué se llama
hexadecimal y qué significa eso, echemos un vistazo a algunos ejemplos.
Así que aquí lo primero que estamos haciendo es seleccionar todo H-1 y cambiar el color de texto para que sea negro.
Lo siguiente que estamos haciendo es seleccionar todos los tatuajes cambiando el color para que sea de
un tono púrpura y luego seleccionar tres en tres y enseñarles a ser de un tono rosado.
Entonces, lo que notarán es que en lugar de tener una palabra como rojo o morado ahora tenemos este
símbolo hash y técnicamente se llama Thorpe de octava seguido por seis dígitos.
Entonces para obtener negro son seis ceros para obtener morado.
Notarás que son los números, pero también hay una letra B allí.
Y, por último, para obtener este color rosado, esta vez números y letras esta vez letra F. Entonces, ¿qué está pasando aquí?
Voy a seguir adelante y abrir algunas notas que tengo.
Y vamos a hacer una clase de matemáticas realmente corta, esto
es más solo por algo que creo que es interesante, pero también es informativo y ayudará a entender cómo funciona el hexadecimal.
Así que si vuelves a la escuela secundaria cuando estaba en la escuela, al menos hablamos mucho
sobre el sistema decimal y cómo suponemos que quería crear un número de tres dígitos.
Tenemos nuestra una vez lugar el décimo lugar en el lugar de las centenas.
Entonces, si quisiera un número, el número de tres dígitos más grande que puedo crear
es novecientos noventa y nueve, el número más pequeño de tres dígitos es técnicamente 111 o 0 0 o 1.
10 sistema decimal, tengo 10 opciones para cada ranura que puedo hacer de 0 a 9.
Pero la idea es que cada lugar en nuestra base regular 10, que es lo que esto significa, base
Así que esa es la base 10, eso es a lo que estamos acostumbrados a trabajar con nuestros dígitos: 0 1 2 3 4 5 6 7 8 9.
Pero hay otros sistemas numéricos.
Así que es posible que haya oído hablar de binarios antes y que se basa dos.
Y eso significa que solo tenemos 0 y 1 como opciones.
Entonces, si quería construir un número binario de tres dígitos, el más grande que puedo construir es 1 1 1.
Eso no es lo mismo que ciento once.
cómo se ve el hacking y están totalmente equivocados.
Así que este no es realmente el momento de repasar realmente cómo funciona el binario, pero puedes ver cosas como esta
en shows CSI similares o en cualquier tipo de show en el que intenten mostrarte
Pero es cierto que el binario es una parte muy importante de cómo funcionan las computadoras.
Así que eso está basado también.
Entonces solo tenemos dos opciones cero o uno.
Entonces hexadecimal es base 16.
Entonces eso significa que tenemos 16 elecciones
y esas opciones van de cero a nueve y luego, en lugar de ir a 10 11 12 13 14 15.
Esos son números de dos dígitos, números de dos dígitos, que es un problema X más y que incluye letras.
Entonces tenemos 0 a 9 y luego ABC DCF.
Entonces, el número hexadecimal más grande de tres dígitos sería F F F y el más pequeño 0 0 0.
Entonces es como cualquier otro sistema numérico, excepto que tenemos 16 opciones.
Y la razón por la que se usa hexadecimal en lugar de
usar sólo decimal para nombrar un color es que nos da muchas más opciones a la vez que conservamos los nombres de los recolors relativamente cortos.
Así que, básicamente, tiene hexadecimal es simplemente tomar colores y darles nombres numéricos.
Y si usamos la base 10, solo tenemos 10 opciones por dígito.
Entonces, necesitamos usar más dígitos si usamos binarios y tendremos que usar una tonelada de dígitos para representar los colores.
Cientos y cientos de miles de dígitos.
Así que los números hexadecimales son seis dígitos de inicio largo que Octa Thorpe.
Y luego un dígito dos tres cuatro cinco seis.
Y la forma en que funciona no es solo números aleatorios.
De hecho, hay un poco de un sistema.
Entonces, los primeros dos números corresponden a la cantidad
de rojo en el color, el siguiente para corresponder a la cantidad de verde y en los dos últimos corresponde a la cantidad de azul en el color.
Así que voy a seguir adelante y cambiar a nuestro ver evaluar y mostrar lo que quiero decir.
Así que trabajemos con nuestro H-1 aquí.
Tenemos tres H y debemos diseñarlos.
Entonces, para usar hexadecimal todo lo que hacemos es reducir gradualmente a Octa Thorpe y luego a seis dígitos.
Comencemos definiendo un color rojo y recordemos que los dos primeros son rojos.
Entonces nuestros primeros dos dígitos si quisiéramos el rojo completo serían f f porque ese es el número más alto.
Y luego todo lo demás puede ser cero.
Así que esto se va a volver rojo hasta el final.
No verde y no azul.
Y si hacemos eso
Avancemos y abramos nuestro archivo, verá que son h rojo brillante.
Así que regresemos y juguemos un poco con esto y ahora presentemos un poco de verde.
Así que démosle ocho y verá que obtenemos esta naranja
leve y usted se estará preguntando cómo es el naranja rojo y verde.
Y la respuesta es
que este no es el mismo sistema de color en el que solía mezclar pinturas, por ejemplo, RG B funciona de forma ligeramente diferente.
Y de nuevo, eso es algo para otro video.
Pero, en esencia, si sumamos rojo,
verde y azul hasta el fondo, de modo que el rojo completo, el verde y el azul, el color resultante no sea como el marrón o el negro, como cabría esperar.
En realidad es blanco y así es como funciona la luz en el mundo real.
Si puede tomar para dejar las luces o tres luces
de LCD de un rojo verde y azul y combinarlos y brillar juntos.
En realidad obtendrías luz blanca.
Así es como funciona este color.
DE ACUERDO.
Por lo tanto, la mayoría de las veces, en realidad no se te ocurrirán estos colores desde cero.
Entonces no es realmente
Me refiero a que
es una buena habilidad, pero no tiene que ser capaz de identificar este color como una especie de sombra de púrpura o
verde o lo que sea que no sea realmente el alcance lo que más a menudo hará es tener un selector de color .
Y digamos que quiero un tono púrpura oscuro.
Hay todo tipo de imágenes en color.
Hay algunos que están en su máquina, dependiendo de si tiene una Mac o PC, puede descargar una.
Algunos de ellos están incluidos, pero también podemos ir en
línea y si quiero un tono púrpura oscuro puedo encontrar este color púrpura.
Digamos este color
aquí.
Y luego solo puedo copiar.
Creo que eso lo copió
No, solo copia.
Ahí está este color y
uso que se actualiza y obtenemos un color púrpura oscuro.
Entonces, con mayor frecuencia lo que harás, tendrás un selector de color.
Inicialmente elegirás tus colores y luego solo volverás a consultarlos.
Por lo tanto, no es el más intuitivo.
Es más agradable si dice algo así como berenjena oscura, pero luego, por supuesto, eso no va a ser tan preciso.
Eso es solo un tono de color morado oscuro.
Y si quiero cambiarlo, no tengo suerte.
Entonces eso es hexadecimal
El siguiente sistema de color del que vamos a hablar es R. GRAMO. b por lo que RGV funciona de manera muy similar,
excepto que la sintaxis es ligeramente diferente.
Entonces R. GRAMO. B hay tres canales como con hexadecimal.
Hay rojo verde y azul.
Y lo que es diferente es que RGV todavía está en la base 10.
Entonces, ¿qué hacemos? Tenemos tres canales diferentes
rojo verde azul y la sintaxis es color dos puntos y luego la palabra son las letras R. GRAMO. el valor de nuestro leer el valor de nuestro verde y el valor de nuestro azul.
B paréntesis y luego
Y esos van desde cero hasta 255.
Entonces, en este caso, estamos diciendo que todas las edades son R. GRAMO. estar donde el rojo es cero verde es todo
el camino hacia arriba en azul es cero.
Y obtenemos este verde brillante y este que estamos configurando todas las edades son R. GRAMO. estar donde
Red está a mitad de camino.
El verde se ha ido por completo.
verde y aún menos rojo, y obtenemos este tono de azul.
Y Blue está a la mitad del camino y obtenemos un bonito color violeta, y luego, este es el que establecemos para los mayores de tres años que sean principalmente azules con un poco de
Entonces, hagamos algunos ejemplos.
Vamos a hacer un púrpura de nuevo.
Así que simplemente enviamos un mensaje de texto con la palabra nuestro paréntesis G-B y luego necesitamos nuestros canales.
Entonces, el primero, si queremos un morado o queremos un poco de rojo, hagamos 60.
No sé 68 rojo.
Cero verde y esto
será azul o púrpura en lugar de rojo o púrpura, así que haremos un centenar de azul y lo guardaremos.
Y, por supuesto, no parece un gran cambio, pero cambió un poco.
Así que sigamos adelante y ahora suba la lectura un poco 240 y se puede ver que obtenemos un color púrpura rosado.
Y si introduzco algo de verde y si enciendo todo al máximo, como antes, con hexadecimal completo, rojo, verde
y azul nos
da blanco y negro.
Quieres cero para los tres canales.
Entonces nuestro B es muy similar al decimal.
La única diferencia es la sintaxis.
Entonces, en lugar de escribir
algo como esto, tenemos dos canales o dos dígitos para rojo para verde y dos para azul, en cambio tenemos tres ranuras y pasamos de cero a 255.
Así que solo otra sintaxis y otra sintaxis de las que quiero hablar es nuestro GPA.
Entonces R-GA funciona igual que R. GRAMO. B, excepto que hay un pequeño giro que es que hay un cuarto canal llamado Alpha que es cómo puedes
hacer que los colores sean transparentes.
Entonces R. GRAMO. V-A es ideal si desea tener un color que esté haciendo más o menos transparente.
Entonces, la forma en que funciona es la misma sintaxis exacta, excepto que escribimos R. GRAMO. ser un y luego tenemos cuatro
canales que tenemos que completar.
Y los primeros tres al igual que antes.
Van desde cero hasta 255, pero el último canto en el canal alfa va de cero a 1.
Así que les daré algunos ejemplos aquí.
Aquí estamos configurando los tres para que tengan exactamente el mismo color en lo que respecta a los canales RG y B.
Entonces 11 rojo.
Noventa y nueve verde 950 azul.
Y luego, el cuarto canal estamos cambiando el alfa o cambiando la transparencia.
Así que con cuatro Alpha con todo, todo sin transparencia.
Terminamos con esta gripe.
Cuando dijimos que Alpha era el punto seis, obtenemos este azul mucho más claro y transparente.
Y luego lo configuramos para que sea el Punto Dos, obtenemos esto que apenas está allí.
Así que hagamos otro ejemplo, hagamos Archie B-A y esta vez hagamos un verde.
Así que aproximadamente 200 verdes y un poco de azul y luego necesitamos nuestro alfa y comencemos con uno.
Actualiza la página y obtenemos este verde.
Entonces, hagamos lo mismo, pero hagamos que sea un poco más pálido. Hagamos el punto ocho.
Voy a actualizar y puedes ver que se puso un poco más pálido.
Ahora seamos más drásticos 2. 2 y puede ver que se vuelve mucho más transparente.
Entonces, para resumir tenemos los colores integrados que la mayoría de la gente no usa.
Tenemos hexadecimal
Tenemos R. GRAMO. B entonces.
RG B. A donde A significa Alpha