ESTÁ BEM.
Então, nesta lição, vamos discutir muitas das diferentes maneiras de descrever e representar
cores em C Ss e até agora, se nós vamos à avaliação que estamos escrevendo, acabamos de usar cores simples
da escola primária como vermelho e verde e roxo e, obviamente, eles funcionam bem, mas eles não são
tons particularmente agradáveis, não são cores agradáveis.
Na minha opinião e você provavelmente nunca usá-los porque a maioria dos designers e a maioria das pessoas que fazem
sites tem uma paleta de cores muito específica.
marca como uma sombra muito específica de verde para uma marca ou se é uma paleta de cores.
Se é algo que você conhece é seguir a cor da
Eu sou designer ou alguém criou quase ninguém usa apenas o padrão padrão vermelho ou verde ou roxo.
Com isso dito, há bastantes cores embutidas e CSSA que possuem nomes.
E, na verdade, provavelmente há mais do que você pensaria.
E há muito mais do que a maioria das pessoas lembrou.
Então, há coisas como orquídeas azulas ou escuras, e acho que são 147 cores diferentes.
E este site aqui que realmente realmente nunca usei.
Eu só quero mostrar para você que é uma maneira de visualizar todas as diferentes cores com nome e ver avaliar.
E, é claro, o problema com o uso destes ainda é apenas 147 cores e você pode querer uma cor que
pareça com essa cor dourada, mas ligeiramente mais leve ou ligeiramente mais escura ou ligeiramente mais vermelha e
não haverá uma opção perfeita para você.
E então, o outro problema é que é difícil lembrar esses nomes como cinza de ardósia claro.
Ninguém lembra disso.
Então eu realmente uso apenas cores com nome como roxo laranja vermelho apenas para fins de depuração muito rápidos para garantir que
algo esteja funcionando.
Eu simplesmente o deixarei vermelho e ver se isso funciona.
E também apenas para fins educacionais, mas a maioria das pessoas nunca usaria essas cores.
Portanto, o CSS fornece alguns sistemas de cores diferentes com os quais podemos trabalhar.
E estes são sistemas de cores pela maneira que existem fora do SS.
Então, se você tem alguma familiaridade com a fotografia ou a impressão e você trabalhou com cores antes de
ter encontrado algumas delas.
Então, o primeiro é algo chamado hexadecimal e antes de falar sobre porque é chamado de hexadecimal
e o que isso significa, vamos dar uma olhada em alguns exemplos.
Então, por aqui, a primeira coisa que estamos fazendo é selecionar todos os H-1 e mudar a cor do texto para ser preto.
A próxima coisa que estamos fazendo é selecionar todas as tatuagens mudando a cor para ser uma sombra de
púrpura e, em seguida, selecionar todos os grupos de idade e ensiná-los a ser uma sombra de rosa.
Então, o que você notará é que, em vez de ter uma palavra como vermelho ou roxo, agora temos esse
símbolo de hash e é tecnicamente chamado de otimista Thorpe seguido de seis dígitos.
Então, para ficar preto, são seis zeros para serem roxos.
Você notará que é números, mas também há uma letra B lá.
E, finalmente, para obter essa cor rosada é novamente números e letras desta vez, letra F. Então, o que está acontecendo aqui.
Eu vou continuar e abrir algumas anotações que eu tenho.
E nós vamos fazer uma aula de matemática muito curta é
isso mais apenas por algo que eu acho interessante, mas também é informativo e ajudará a entender como o hexadecimal funciona.
Então, se você voltar para o ensino médio quando eu estava na escola, pelo menos falamos muito sobre
o sistema decimal e como vamos supor que queria criar um número de três dígitos.
Nós colocamos uma vez o 10º lugar no lugar das centenas.
Então, se eu quisesse um número, o maior número de três dígitos que posso criar
é novecentos e noventa e nove, o número mais pequeno de três dígitos tecnicamente é 111 ou 0 0 ou 1.
de números decimais Eu tenho 10 opções para cada slot que eu posso fazer de 0 a 9.
Mas a idéia é que cada lugar em nossa base regular 10, que é o que isso significa base 10 sistema
Então, a base 10 é o que estamos acostumados a trabalhar com os nossos dígitos são 0 1 2 3 4 5 6 7 8 9.
Mas existem outros sistemas de números.
Então, você já ouviu falar de binário antes e isso é baseado em dois.
E isso significa que nós só temos 0 e 1 como nossas opções.
Então, se eu quisesse construir um número binário de três dígitos, o maior que eu posso construir é 1 1 1.
Isso não é o mesmo que cento e onze.
que o hacking parece e eles estão totalmente errados.
Então, este não é realmente o momento de realmente examinar como o binário funciona, mas você pode ver coisas como esta em
shows da CSI ou em qualquer tipo de show onde eles estão tentando mostrar o
Mas é verdade que o binário é uma parte realmente importante de como os computadores funcionam.
Então, isso também está baseado.
Então, temos apenas duas escolhas, zero ou uma.
Então hexadecimal é a base 16.
Então, isso significa que temos 16 escolhas
e essas escolhas vão de zero a nove e, em vez de ir para 10 11 12 13 14 15.
Esses são números de dois dígitos com dois dígitos que são mais problemáticos e que incluem letras.
Então temos 0 a 9 e depois ABC DCF.
Assim, o maior número hexadecimal de números de três dígitos seria F F F e o menor 0 0 0.
Então é como qualquer outro sistema de números, exceto que temos 16 escolhas.
E a razão pela qual o hexadecimal é usado em
vez de usar apenas decimal para nomear uma cor é que nos dá mais opções enquanto mantém os nomes de recolors relativamente curtos.
Então, basicamente, o hexadecimal é apenas tirar cores e dar-lhes nomes numéricos.
E se usarmos a base 10, só temos 10 opções por dígito.
Portanto, precisamos usar mais dígitos se usarmos binário e precisamos usar uma tonelada de dígitos para representar as cores.
Centenas e centenas de milhares de dígitos.
Então, os números hexadecimais são começos de seis dígitos do que Octa Thorpe.
E então um dígito dois três quatro cinco seis.
E a maneira como funciona não é apenas números aleatórios.
Na verdade, há um pouco de um sistema.
Assim, os dois primeiros números correspondem à quantidade
de cor vermelha na cor ao lado para corresponder à quantidade de verde e nas duas últimas correspondem à quantidade de azul na cor.
Então eu vou seguir em frente e mudar para nossa Ver avaliar e mostrar o que quero dizer.
Então, vamos trabalhar com o nosso H-1 aqui.
Nós temos três H e devemos estilo.
Então, para usar hexadecimal, tudo o que fazemos é diminuir Octa Thorpe e, em seguida, seis dígitos.
Então, vamos começar por definir uma cor vermelha e lembre-se que as duas primeiras são vermelhas.
Então, nossos dois primeiros dígitos, se desejássemos de vermelho completo, f f, porque esse é o número mais alto.
E então, tudo o resto pode ser zero.
Então, isso vai se tornar vermelho todo o caminho.
Não é verde e não azul.
E se fizermos isso.
Vamos continuar e abrir o nosso arquivo, você verá que são h são vermelhas brilhantes.
Então vamos voltar e vamos brincar com isso um pouco e agora apresentar um pouco verde.
Então, vamos dar oito e você verá que pegamos essa
linda laranja e você pode estar se perguntando como é verde laranja vermelho.
E a resposta é
que este não é o mesmo sistema de cores que você costumava misturar pinturas, por exemplo, o RG B funciona um pouco diferente.
E, novamente, isso é algo para outro vídeo.
Mas, essencialmente, se adicionamos vermelho verde
e azul todo o caminho até vermelho cheio verde cheio e azul completo a cor resultante não é como um marrom ou preto, como você poderia esperar.
Na verdade, é branco e isso é realmente como a luz funciona no mundo real.
Se você pudesse levar para deixar as luzes ou três
luzes LCD um vermelho verde e azul e combiná-los e brilhar juntos.
Você realmente obteria luz branca.
Então é assim que funciona esta cor.
ESTÁ BEM.
Então, na maioria das vezes, na verdade você não vem com essas cores do zero.
Então não é realmente.
Quero dizer, é uma
boa habilidade, mas você não precisa ser capaz de identificar essa cor como um tipo de você conhece a sombra de roxo
ou verde ou seja o que for, não é realmente o escopo o que você costuma fazer é ter um seletor de cores .
E então digamos que eu quero como uma sombra roxa escura.
Há todo tipo de imagens em cores.
Há alguns que estão na sua máquina, dependendo se você tiver um Mac ou um PC, você pode baixar um.
Alguns deles estão incluídos, mas também podemos entrar on-line e,
se eu quiser uma sombra escura e roxa, eu posso encontrar este roxo.
Digamos aqui esta
cor.
E então eu posso simplesmente copiar.
Eu acho que isso foi copiado.
Não, você apenas copia.
Lá está essa cor e
use essa atualização e nós ficamos um roxo escuro.
Então, esta é a maioria das vezes o que você fará, você terá um seletor de cores.
Inicialmente você escolherá suas cores e então você apenas se referirá a elas.
Então, não é o mais intuitivo.
É melhor se dissesse algo como berinjela escura, mas, claro, isso não será tão preciso.
Isso é apenas uma sombra de roxo escuro.
E se eu quiser mudar, estou sem sorte.
Então isso é hexadecimal.
O próximo sistema de cores sobre o qual vamos falar é R. G. b, então o RGV funciona de forma similar, exceto
que a sintaxe é ligeiramente diferente.
Então R. G. B existem três canais exatamente como hexadecimal.
Há vermelho verde e azul.
E o que é diferente é que o RGV ainda está na base 10.
Então, o que fazemos, temos três canais diferentes
em vermelho verde azul e a sintaxe é cor dois pontos e, em seguida, a palavra são as letras R. G. seguida, o valor de nossa leitura o valor do nosso verde e o valor do nosso azul.
B parênteses e, em
E aqueles variam de zero a 255.
Então, neste caso, estamos dizendo que todos os mais velhos são R. G. seja onde Red é zero verde é todo
o caminho até em azul é zero.
E nós obtemos este verde claro e este nós estamos definindo todos os dois anos para ser R. G. seja onde
Red está a meio caminho.
O verde desapareceu completamente.
ainda menos vermelho e nós conseguimos essa sombra de azul.
E Blue está a cerca de meio caminho e nós conseguimos um roxo agradável e, então, este está estabelecendo todo o grupo de idade para ser principalmente azul com um pouco verde e
Então, vamos fazer alguns exemplos.
Vamos pegar um livro novamente.
Então, basta escrever a palavra nossos parênteses G-B e então precisamos dos nossos canais.
Então, o primeiro se queremos um roxo ou quer um vermelho, vamos fazer 60.
Não conheço 68 vermelhos.
Zero verde e
isso será azul ou roxo do que vermelho ou roxo, então faremos cem azuis e nós o salvaremos.
E, claro, não parece muita mudança, mas mudou um pouco.
Então, vamos em frente e agora aumente a leitura um pouco 240 e você pode ver que nós ficamos com um roxo rosado.
E se eu apresentar um pouco de verde e se eu virar tudo até o final, como antes, com hexadecimal cheio vermelho verde e
azul realmente nos dá
branco e para ficar preto.
Você quer zero para todos os três canais.
Portanto, o nosso B é muito semelhante ao decimal.
A única diferença é a sintaxe.
Então, ao invés de escrever
algo assim, temos dois canais ou dois dígitos para o vermelho para o verde e dois para o azul, em vez disso, temos três slots e nós simplesmente passamos de zero a 255.
Então, apenas uma outra sintaxe e outra sintaxe que eu quero falar é o nosso GPA.
Então, a R-GA funciona como R. G. B, exceto que há um pequeno toque que é um quarto canal chamado Alpha, que é como você
pode tornar as cores transparentes.
Então R. G. O V-A é ótimo se você quiser ter uma cor que você está fazendo mais ou menos transparente.
Então, a maneira como funciona é a mesma sintaxe exata, exceto que escrevemos R. G. seja um e depois temos
quatro canais que precisamos preencher.
E os três primeiros, como antes.
Eles variam de zero a 255, mas o último canto no canal alfa varia de zero a 1.
Então, vou dar-lhe alguns exemplos aqui.
Aqui estamos definindo os três para ser exatamente a mesma cor, tanto quanto os canais RG e B estão em causa.
Então, 11 vermelho.
Noventa e nove, verde 950 azul.
E então, o quarto canal, estamos mudando o alfa ou mudando a transparência.
Então, com quatro Alpha com tudo tudo, não há nenhuma transparência.
Acabamos com esta gripe.
Quando dissemos que o Alpha é o ponto seis, ficamos muito mais claros e mais transparentes.
E, então, definimos que seja o ponto dois, nós conseguimos isso que é mal lá.
Então, vamos fazer outro exemplo, vamos fazer Archie B-A e desta vez vamos fazer um verde.
Então, 200 ou mais verdes e um pouco de azul e então precisamos do nosso alfa e vamos começar com um.
Atualize a página e obtemos este verde.
Então, agora vamos fazer o mesmo, mas torná-lo um pouco pálido. Então, vamos fazer o ponto oito.
Eu vou atualizar e você pode ver que ficou um pouco pálido.
Agora vamos ser mais drásticos 2. 2 e você pode ver que fica muito mais transparente.
Então, para resumir, temos as cores construídas que a maioria das pessoas não usa.
Nós temos hexadecimal.
Nós temos R. G. B então.
RG B. A onde o A significa Alpha