D'ACCORD.
Donc, dans cette leçon, nous allons discuter beaucoup des différentes façons de décrire et de représenter les couleurs dans C Ss et jusqu'à maintenant si nous allons à l'évaluation que nous avons écrit Nous venons d'utiliser des couleurs élémentaires simple école Comme le rouge et le vert et le violet et évidemment ceux fonctionnent bien mais ils ne sont pas particulièrement beaux nuances pas de belles couleurs.
À mon avis et vous seriez probablement jamais les utiliser parce que la plupart des concepteurs et la plupart des gens faisant des sites Web ont une palette de couleurs très spécifiques.
Que ce soit quelque chose que vous savez est de suivre la couleur de la marque comme une nuance très spécifique de vert pour une marque ou si c'est une palette de couleurs.
Je suis un designer ou quelqu'un a créé presque personne n'utilise que le défaut par défaut rouge ou vert ou violet.
Avec cela dit il ya un peu construit en couleurs et CSSA qui ont des noms.
Et en fait, il ya probablement plus que vous ne le pensez.
Et il ya beaucoup plus que la plupart des gens se souviennent.
Donc, il ya des choses comme cornflower bleu ou foncé orchidée et il ya je pense 147 couleurs différentes.
Et ce site ici que j'ai vraiment jamais utilisé.
Je veux juste vous montrer que c'est un moyen de visualiser toutes les différentes couleurs nommées et de voir évaluer.
Et bien sûr, le problème avec l'utilisation de ceux-ci est toujours il ne fait que 147 couleurs et vous pourriez vouloir une couleur qui ressemble à cette couleur or, mais légèrement plus léger ou légèrement plus sombre ou un peu plus rouge et il ne va pas être une option parfaite pour vous.
Et puis l'autre problème est qu'il est juste difficile de se rappeler ces noms comme gris ardoise claire.
Personne ne s'en souvient.
Donc, je n'utilise que des couleurs nommées comme le rouge orange pourpre juste pour des fins de débogage très rapide pour s'assurer que quelque chose fonctionne.
Je vais juste le rendre rouge et voir si cela fonctionne.
Et aussi juste à des fins éducatives, mais la plupart des gens n'utiliseront jamais ces couleurs.
Ainsi CSS fournit quelques systèmes de couleur différents avec lesquels nous pouvons travailler.
Et ce sont des systèmes de couleurs par la façon dont existent en dehors de la SS.
Donc, si vous avez une certaine familiarité avec la photographie ou l'impression et que vous avez travaillé avec des couleurs avant que vous avez rencontré certains de ceux-ci.
Donc, le premier est quelque chose appelé hexadécimal et avant que nous parlions de pourquoi il est appelé hexadécimal et ce que cela signifie juste jeter un coup d'oeil à quelques exemples.
Donc ici la première chose que nous faisons est de sélectionner tous les H-1 et de changer leur couleur de texte pour être noir.
La prochaine chose que nous faisons est de sélectionner tous les tatouages ​​de changer la couleur pour être une nuance de violet, puis en sélectionnant tous les trois ans et leur enseigner à être une nuance de rose.
Donc, ce que vous remarquerez, c'est que plutôt que d'avoir un mot comme le rouge ou le violet Nous avons maintenant ce symbole de hachage et il est techniquement appelé une octave Thorpe suivie de six chiffres.
Donc, pour obtenir noir, il est de six zéros pour obtenir violet.
Vous remarquerez que c'est des chiffres, mais il ya aussi une lettre B là-dedans.
Et enfin pour obtenir cette couleur rosâtre c'est de nouveau des chiffres et des lettres cette lettre de temps F ..
Donc ce qui se passe ici.
Je vais aller de l'avant et ouvrir quelques notes que j'ai.
Et nous allons faire une très courte leçon de mathématiques est ce plus juste pour quelque chose que je pense est intéressant mais il est également informatif et aidera à comprendre comment fonctionne hexadécimal.
Donc, si vous retournez au collège quand j'étais à l'école, au moins, nous avons beaucoup parlé du système décimal et comment supposer que je voulais créer un numéro à trois chiffres.
Nous avons notre fois place la 10e place dans la place des centaines.
Donc, si je voulais un numéro le plus grand numéro à trois chiffres que je peux créer est neuf cent quatre-vingt-dix-neuf le plus petit nombre à trois chiffres techniquement est 111 ou 0 0 ou 1.
Mais l'idée est que chaque endroit dans notre base régulière 10 qui est ce que cela signifie base 10 nombre décimal système, j'ai 10 choix pour chaque emplacement, je peux faire 0 à 9.
Donc c'est la base 10 que nous avons l'habitude de travailler avec nos chiffres sont 0 1 2 3 4 5 6 7 8 9.
Mais il existe d'autres systèmes numériques.
Donc, vous avez peut-être entendu parler de binaire avant et qui est basé sur deux.
Et donc cela signifie que nous avons seulement 0 et 1 comme nos options.
Donc, si je voulais construire un nombre binaire à trois chiffres le plus grand que je peux construire est 1 1 1.
Ce n'est pas la même chose que cent onze.
Donc, ce n'est pas vraiment le moment de vraiment aller sur le fonctionnement binaire, mais vous pouvez voir des choses comme ça dans des spectacles comme CSI ou toute sorte de spectacle où ils essaient de vous montrer ce que le piratage ressemble et ils sont totalement faux.
Mais il est vrai que le binaire est une partie très importante de la façon dont les ordinateurs fonctionnent.
Donc, c'est basé aussi.
Donc nous avons juste deux choix zéro ou un.
So hexadécimal est la base 16.
Donc cela signifie que nous avons 16 choix et que ces choix vont de zéro à 9 et ensuite plutôt que d'aller à 10 11 12 13 14 15.
Ce sont deux nombres de chiffre à deux chiffres qui est problématique X plus et qui comprend des lettres.
Donc nous avons 0 à 9 et puis ABC DCF.
Ainsi, le plus grand nombre hexadécimal à trois chiffres serait F F F et le plus petit 0 0 0.
Donc, c'est comme n'importe quel autre système numérique, sauf que nous avons 16 choix.
Et la raison que l'hexadécimal est utilisé plutôt que d'utiliser juste décimale pour nommer une couleur, c'est qu'il nous donne beaucoup plus de choix tout en gardant les noms des recolors relativement courts.
Donc, fondamentalement, a hexadécimal est juste de prendre des couleurs et de leur donner des noms numériques.
Et si nous utilisons la base 10, nous n'avons que 10 choix par chiffre.
Donc, nous avons besoin d'utiliser plus de chiffres si nous utilisons le binaire et nous aurions besoin d'utiliser une tonne de chiffres pour représenter les couleurs.
Des centaines et des centaines de milliers de chiffres.
Ainsi, les nombres hexadécimaux sont six premiers chiffres de début que Octa Thorpe.
Et puis un chiffre deux trois quatre cinq six.
Et la façon dont il fonctionne, ce n'est pas seulement des nombres aléatoires.
Il ya effectivement un peu d'un système.
Ainsi, les deux premiers chiffres correspondent à la quantité de rouge dans la couleur suivante pour correspondre à la quantité de vert et dans les deux derniers correspondent à la quantité de bleu est dans la couleur.
Donc, je vais aller de l'avant et passer à notre voir évaluer et vous montrer ce que je veux dire.
Alors travaillons avec notre H-1 ici.
Nous avons trois H et doit leur style.
Donc, pour utiliser hexadécimal tout ce que nous faisons est conicité Octa Thorpe et puis six chiffres.
Commençons donc par définir une couleur rouge et rappelez-vous que les deux premiers sont rouges.
Donc nos deux premiers chiffres si nous voulions plein rouge serait f f parce que c'est le plus grand nombre.
Et puis tout le reste peut être nul.
Donc, cela va sauver tourner rouge tout le chemin.
Pas de vert et pas de bleu.
Et si nous le faisons.
Allons-y et ouvrez notre dossier, vous verrez que ceux-ci sont de couleur rouge vif.
Revenons donc et nous allons jouer avec cela un peu et maintenant pour introduire un peu de vert.
Alors donnez-lui huit et vous verrez que nous obtenons cette orange légère et vous pourriez vous demander comment est vert orange rouge.
Et la réponse est que ce n'est pas le même système de couleur que vous avez l'habitude de mélanger les peintures par exemple RG B fonctionne légèrement différente.
Et encore une fois c'est quelque chose pour une autre vidéo.
Mais essentiellement si nous avons ajouté rouge vert et bleu tout le chemin jusqu'à plein plein rouge plein vert et plein bleu de la couleur résultante n'est pas comme un brun ou noir comme vous pourriez vous attendre.
C'est en fait blanc et c'est en fait comment fonctionne la lumière dans le monde réel.
Si vous pouviez prendre pour laisser les lumières ou trois lumières LCD rouge vert et bleu et de les combiner et de les briller ensemble.
Vous obtiendrez réellement la lumière blanche.
Voilà comment fonctionne cette couleur.
D'ACCORD.
Donc, la plupart du temps, vous n'arrivez pas à trouver ces couleurs à partir de zéro.
Donc ce n'est pas vraiment.
Je veux dire, c'est une belle compétence, mais vous n'avez pas à être en mesure d'identifier cette couleur comme une sorte de vous savez l'ombre de violet ou vert ou tout ce qui est ce n'est pas vraiment la portée ce que vous le plus souvent fera est d'avoir un sélecteur de couleur .
Et disons que je veux comme une ombre pourpre foncé.
Il ya toutes sortes d'images en couleur.
Il ya certains qui sont sur votre machine selon si vous avez un Mac ou un PC, vous pouvez en télécharger un.
Certains d'entre eux sont inclus, mais nous pouvons aussi simplement aller en ligne et si je veux comme une ombre pourpre foncé je peux juste trouver ce violet.
Disons cette couleur ici.
Et puis je peux simplement copier.
Je crois que cela a été copié.
Non, vous venez de copier.
Là c'est cette couleur et l'utilisation que rafraîchir et nous obtenons un pourpre foncé.
Donc, c'est le plus souvent ce que vous ferez, vous aurez un sélecteur de couleur.
Au début, vous choisirez vos couleurs et vous revenez simplement à eux.
Ce n'est donc pas le plus intuitif.
Il est plus agréable si elle a dit quelque chose comme l'aubergine foncée, mais bien sûr, cela ne va pas être aussi précis.
C'est juste une nuance de pourpre foncé.
Et si je veux changer, je suis hors de la chance.
C'est hexadécimal.
Le prochain système de couleurs dont nous allons parler est R.G. B donc RGV fonctionne de manière très similaire sauf que la syntaxe est légèrement différente.
Donc R.G. B il ya trois canaux comme avec hexadécimal.
Il y a le vert rouge et le bleu.
Et ce qui est différent, c'est que RGV est toujours dans la base 10.
Donc, ce que nous faisons, nous avons trois canaux différents rouge vert bleu et la syntaxe est colon de couleur et puis le mot sont les lettres R.G. B entre parenthèses puis la valeur de notre lire la valeur de notre vert et la valeur de notre bleu.
Et ceux qui vont de zéro à 255.
Donc, dans ce cas, nous disons tous les âges sont R.G. Être où le rouge est vert zéro est tout le chemin vers le haut dans le bleu est zéro.
Et nous obtenons ce vert vif et celui-ci nous mettons toutes les deux d'âge pour être R.G. Être là où Red est à mi-chemin.
Le vert est complètement disparu.
Et Blue est à peu près à mi-hauteur et nous obtenons une jolie pourpre et puis celui-ci nous mettons tous les trois ans trois ans pour être principalement bleu avec un peu de vert et encore moins rouge et nous obtenons cette nuance de bleu.
Alors faisons quelques exemples.
Let's go pour un let's faire un pourpre encore.
Donc, nous juste texte le mot nos parenthèses G-B et puis nous avons besoin de nos canaux.
Donc, le premier, si nous voulons un violet ou voulez un peu de rouge faisons 60.
Je ne sais pas 68 rouge.
Zéro vert et ce sera un bleu ou violet puis d'un rouge ou violet donc nous allons faire une centaine de bleu et nous l'enregistrer.
Et bien sûr, il n'a pas l'air d'une grande partie d'un changement, mais il a changé légèrement.
Alors allons-y et maintenant montons la lecture un peu 240 et vous pouvez voir que nous obtenons un pourpre rose.
Et si je présente un peu de vert et si je tourne tout le chemin tout comme avant avec hexadécimal plein rouge vert et bleu nous donne réellement blanc et d'obtenir noir.
Vous voulez zéro pour les trois canaux.
Donc, notre B est très similaire à la décimale.
La seule différence est la syntaxe.
Donc, plutôt que d'écrire quelque chose comme ça, où nous avons deux canaux ou deux chiffres pour le rouge pour le vert et deux pour le bleu à la place, nous avons trois emplacements et nous allons juste de zéro à 255.
Donc, juste une autre syntaxe et une autre syntaxe dont je veux parler est notre GPA.
Donc R-GA fonctionne comme R.G. B, sauf qu'il ya une petite torsion qui est il ya un quatrième canal appelé Alpha qui est la façon dont vous pouvez rendre les couleurs transparentes.
Donc R.G. V-A est grand si vous voulez avoir une couleur que vous rendez plus ou moins transparent.
Donc, la façon dont il fonctionne, c'est la même syntaxe exacte sauf que nous écrivons R.G. Être un et puis nous avons quatre canaux que nous devons remplir.
Et les trois premiers comme avant.
Ils vont de zéro à 255 mais le dernier chant sur le canal alpha va de zéro à 1.
Je vais vous donner quelques exemples.
Ici, nous mettons tous les trois pour être exactement la même couleur en ce qui concerne les canaux RG et B sont concernés.
Donc 11 rouges.
Neuf neuf vert 950 bleu.
Et puis le quatrième canal nous changeons l'alpha ou changeons la transparence.
Donc, avec quatre Alpha avec tout le tout sans aucune transparence du tout.
Nous finissons avec cette grippe.
Quand nous avons dit Alpha pour être point six, nous obtenons ce bleu beaucoup plus clair et plus transparent.
Et puis nous avons mis le point deux, nous obtenons ce qui est à peine là.
Alors faisons un autre exemple, faisons Archie B-A et cette fois, faisons un green.
Donc 200 ou si vert et un peu de bleu et puis nous avons besoin de notre alpha et commençons juste avec un.
Actualisez la page et nous obtenons ce vert.
Donc, maintenant, faisons la même chose mais la rendons légèrement plus pâle. Alors, faisons le point huit.
Je vais rafraîchir et vous pouvez le voir a un peu plus pâle.
Maintenant soyons plus drastiques vers le bas 2.2 et vous pouvez le voir devient beaucoup plus transparent.
Donc, pour résumer, nous avons construit dans des couleurs que la plupart des gens n'utilisent pas.
Nous avons hexadécimal.
Nous avons R.G. B puis.