OK.
Dus in deze les gaan we een groot deel van de verschillende manieren van het beschrijven en die kleuren in C Ss en up te bespreken tot nu toe als we naar de schatten die we hebben het schrijven We hebben net met behulp van eenvoudige lagere school kleuren zoals rood en groen en paars en natuurlijk die werken OK, maar ze zijn niet bijzonder mooi tinten geen mooie kleuren.
Naar mijn mening en zou je waarschijnlijk nooit gebruiken, omdat de meeste ontwerpers en de meeste mensen maken van websites hebben een zeer specifieke kleurenpalet.
Of het is iets waarvan u weet dat na de kleur van het merk als een heel specifieke kleur groen voor een merk of als het een kleurenpalet.
Ik ben een ontwerper of iemand heeft geschapen bijna niemand gebruikt gewoon de vlakte standaard rood of groen of paars.
Met dat gezegd zijn er nogal wat gebouwd in kleuren en CSSA die namen hebben.
En in feite is er waarschijnlijk meer dan je zou denken.
En er zijn veel meer dan de meeste mensen ooit herinneren.
Dus er is dingen zoals korenbloem blauw of donker orchidee en er is denk ik 147 verschillende kleuren.
En deze site hier wat ik heb eigenlijk nooit echt gebruikt.
Ik wil alleen maar om het te laten zien dat het een manier om alle verschillende benoemde kleuren te visualiseren en te zien beoordelen.
En natuurlijk het probleem met het gebruik van deze is nog steeds het is slechts 147 kleuren en je zou een kleur die enkel als dit gouden kleur, maar iets lichter of iets donkerder of iets roder en er is niet van plan om een ​​perfecte optie voor je wilt.
En dan is het andere probleem is dat het is gewoon moeilijk om deze namen zoals licht leigrijs herinneren.
Niemand herinnert zich dat.
Dus ik alleen gebruik maken van de naam kleuren zoals rood oranje paars alleen voor zeer snelle debugging doeleinden werken zeker iets te maken.
Ik kom net zet hem rood te zien of dat werkt.
En ook alleen voor educatieve doeleinden, maar de meeste mensen zouden nooit gebruik van deze kleuren.
Dus CSS biedt een paar andere kleur systemen die we kunnen werken.
En dit zijn kleurensystemen door de manier die bestaan ​​buiten de SS.
Dus als je wat vertrouwdheid met fotografie of het drukken en je hebt gewerkt met kleuren voordat je een aantal van deze kan hebben ondervonden.
Dus de eerste is iets genaamd hexadecimale en voordat we praten over waarom het heet hexadecimale en wat dat betekent laten we eens kijken naar een paar voorbeelden.
Dus hier is het eerste wat we doen is het selecteren van alle H-1 en het veranderen van hun tekstkleur zwart te zijn.
Het volgende wat we doen is het selecteren van alle tatoeages veranderen van de kleur van een schaduw van paars zijn en dan het selecteren van alle leeftijdsgroepen drieën en leert hen om een ​​schaduw van roze zijn.
Dus wat je zal opvallen is dat in plaats van een woord als rode of paarse We hebben nu dit hekje en het technisch heet een octaaf Thorpe, gevolgd door zes cijfers.
Dus om black hij zes nullen tot paars te krijgen.
U zult merken dat de nummers, maar er is ook een letter B in daar.
En tot slot om dit roze kleur is het weer cijfers en letters ditmaal letter F te krijgen ..
Dus wat hier gebeurt.
Ik ga om te gaan en open te stellen enkele aantekeningen die ik heb.
En we gaan een heel korte wiskunde les doen, is dit meer alleen voor iets wat ik denk dat is interessant, maar het is ook informatief en zal helpen begrijpen hoe hexadecimale werkt.
Dus als je gaat terug naar de middelbare school toen ik op school op zijn minst hebben we veel gesproken over het decimale stelsel en hoe stel dat wilde ik een getal van drie cijfers te creëren.
We hebben onze eens plaats de 10e plaats in de honderden plaats.
Dus als ik wilde een aantal van de grootste driecijferig nummer dat ik kan maken, is 999 het kleinste getal van drie cijfers technisch is 111 of 0 0 of 1.
Maar het idee is dat elke plaats in ons reguliere basis 10 en dat is wat dit betekent basis 10 decimale systeem Ik heb 10 keuzes voor elke slot wat ik kan doen 0 tot en met 9.
Dus dat is basis 10 dat is wat we gewend zijn te werken met onze cijfers zijn 0 1 2 3 4 5 6 7 8 9.
Maar er zijn ook andere nummer systemen.
Dus je kan eerder hebben gehoord van binaire en dat is op basis van twee personen.
En dus dat betekent dat we alleen 0 en 1 als onze mogelijkheden.
Dus als ik wilde een driecijferig binair nummer van de grootste die ik kan bouwen is 1 1 1 op te bouwen.
Dat is niet gelijk aan 111.
Dus dit is niet echt de tijd om echt te gaan over hoe binaire werkt, maar je dit soort dingen kan zien zoals CSI-programma's of enige vorm van show waarin ze proberen te laten zien wat hacking eruit ziet en ze zijn totaal verkeerd.
Maar het is waar dat de binary is een heel erg belangrijk onderdeel van de manier waarop computers werken.
Dus dat is ook gebaseerd.
Dus we hebben maar twee keuzes nul of één.
Dus hexadecimaal is basis 16.
Dus dat betekent dat we hebben 16 keuzes en die keuzes gaan van nul tot negen en dan in plaats van naar 10 11 12 13 14 15.
Dat zijn twee-cijferig nummer twee cijfers, die problematisch is X meer en dat geldt ook letters.
Dus hebben we 0 tot en met 9 en vervolgens ABC DCF.
Dus de grootste hexadecimale getal van drie cijfers zouden F F F en de kleinste 0 0 0 zijn.
Dus het is net als elk ander getal systeem behalve wij hebben 16 keuzes.
En de reden dat hexadecimale wordt gebruikt in plaats met slechts decimaal om een ​​kleur te noemen is dat het geeft ons veel meer keuzes terwijl de namen van recolors relatief kort.
Dus eigenlijk heeft hexadecimale is gewoon het nemen van kleuren en hen numerieke namen.
En als we basis 10 hebben we slechts 10 keuzes per cijfer.
Dus we moeten meer cijfers gebruiken als we gebruik maken van de binaire en we zouden nodig hebben om een ​​ton te gebruiken van cijfers kleuren vertegenwoordigen.
Honderden en honderden duizenden cijfers.
Dus hexadecimale getallen zijn zes cijfers start's dan Octa Thorpe.
En dan een cijfer twee drie vier vijf zes.
En de manier waarop het werkt het niet alleen willekeurige getallen.
Er is eigenlijk een beetje een systeem.
Zodat de eerste twee cijfers corresponderen met hoeveel rood is de kleur van de gewenste overeen met hoeveel groen en in de laatste twee komen overeen met hoeveel blauw in de kleur.
Dus ik ga om verder te gaan en over te schakelen op onze See beoordelen en te laten zien wat ik bedoel.
Dus laten we gewoon werken met onze H-1 hier.
We hebben drie H enen en moet ze stylen.
Dus om hexadecimaal gebruiken alles wat we doen is taps Octa Thorpe en dan zes cijfers.
Dus laten we beginnen met het definiëren van een rode kleur en herinner me de eerste twee zijn rood.
Dus onze eerste twee cijfers als we wilden volle rode zou zijn f f, want dat is het hoogste aantal.
En dan is alles anders kan nul zijn.
Dus dit gaat redden rood helemaal naar boven.
Geen groene en geen blauwe.
En als we dat doen.
Laten we gaan en open te stellen ons bestand dat u zult zien dat zijn h daarvan zijn helder rood.
Dus laten we terug gaan en laten we spelen met deze een beetje en nu een beetje groen te introduceren.
Dus laten we het eens acht en je zult zien we dit kleine oranje en u vraagt ​​zich misschien af ​​hoe groen rood oranje.
En het antwoord is dat dit niet dezelfde kleur systeem dat je gewend bent om te mengen van verf bijvoorbeeld RG B werkt iets anders.
En weer dat is iets voor een andere video.
Maar in wezen als we opgeteld rood groen en blauw helemaal zo vol rode vol groen en vol blauwe de resulterende kleur is niet als een bruin of zwart als je zou verwachten.
Het is eigenlijk wit en dit is eigenlijk hoe licht werkt in de echte wereld.
Als je zou kunnen nemen om de lichten of drie LCD-lampjes een rode, groene en blauwe verlaten en combineer ze en schijnen ze samen.
Je zou eigenlijk wit licht.
Dus dat is hoe deze kleur werkt.
OK.
Dus de meeste van de tijd die je eigenlijk niet komen met deze kleuren van de grond af.
Dus het is niet echt.
Ik bedoel, het is een mooie vaardigheid, maar je hoeft niet in staat zijn om deze kleur te identificeren als een soort van jullie weten schaduw van paars of groen of wat het ook is, dat is niet echt de omvang wat u het meest zal doen is een kleur picker .
En dus laten we zeggen dat ik wil als een donkerpaarse kleur.
Er is allerlei kleurenfoto's.
Er is een aantal die op uw computer, afhankelijk van of je een Mac of pc kunt u één downloaden.
Sommigen van hen zijn inbegrepen, maar we kunnen ook gewoon online gaan en als ik wil als een donkerpaarse kleur kan ik gewoon vinden deze paarse.
Laten we zeggen dat deze kleur hier.
En dan kan ik gewoon kopiëren.
Ik denk dat gekopieerd.
Nee je gewoon kopiëren.
Daar is deze kleur en het gebruik dat verfrissen en we krijgen een donkere paars.
Dus dit is meestal wat u wilt doen heb je een kleur picker hebben.
In eerste instantie zult u uw kleuren kiezen en dan moet je gewoon terug te verwijzen naar hen.
Dus het is niet de meest intuïtieve.
Het is leuker als het zei iets als donkere aubergine, maar dan natuurlijk dat niet gaat als om precies te zijn.
Dat is slechts een schaduw van donkerpaars.
En als ik wil om het te veranderen Ik ben pech.
Dus dat is hexadecimaal.
De volgende kleurensysteem gaan we praten over R.G. b dus RGV werkt zeer vergelijkbare wijze met uitzondering van de syntax is iets anders.
Dus R.G. B zijn er drie kanalen net als bij hexadecimale.
Er is rood, groen en blauw.
En wat is anders, is dat RGV is nog steeds in basis 10.
Dus wat we doen hebben we drie verschillende kanalen rood, groen, blauw en de syntax is kleur dikke darm en vervolgens het woord zijn de letters R.G. B haakjes en dan de waarde van onze lees de waarde van onze groene en de waarde van onze blauw.
En die variëren van nul tot 255.
Dus in dit geval we zeggen alle leeftijdsgroepen daarvan zijn R.G. waar Red nul is groen is helemaal in het blauw is nul.
En we dit heldergroene en deze wij het instellen van alle leeftijd tweeën te R.G. zijn waar Red ongeveer halverwege.
Green is volledig verdwenen.
En Blue is ongeveer halverwege en we krijgen een mooi paars en toen dit één we het instellen van alle leeftijd drieën voornamelijk blauw met een kleine groene en nog minder rood en krijgen we deze schaduw van blauw zijn.
Dus laten we een paar voorbeelden.
Laten we gaan voor een Doe opnieuw een paarse.
Dus we alleen tekst het woord van onze G-B haakjes en dan hebben we onze kanalen nodig.
Dus de eerste als we willen een paarse of wilt u een aantal rode laten we het doen 60.
Ik weet het niet 68 rood.
Zero groen en dit zal een blauw of paars dan is dan een rode of paarse dus we zullen een honderdtal blauwe doen en we redden het.
En natuurlijk maakt het niet uit als veel van een verandering, maar het zag er een beetje te veranderen.
Dus laten we gaan door en nu zet de lees nogal wat 240 en je kunt zien we een roze-paarse.
En als ik introduceren wat groen en als ik alles vóór met draai helemaal omhoog, net als hexadecimale vol rode, groene en blauwe eigenlijk geeft ons wit en zwart te krijgen.
U wilt nul voor alle drie kanalen.
Dus onze B is zeer vergelijkbaar met de decimale.
Het enige verschil is de syntax.
Dus in plaats van het schrijven van iets als dit, waar we twee kanalen of twee cijfers van rood naar groen en twee voor blauw in plaats daarvan hebben we drie sleuven en we gaan gewoon van nul naar 255.
Dus gewoon een andere syntax en een andere syntaxis ik over wil praten is onze GPA.
Dus R-GA werkt net als R.G. B behalve er is een kleine twist die is er een vierde kanaal genaamd Alpha dat is hoe je de kleuren transparant te maken.
Dus R.G. V-A is geweldig als je wilt een kleur dat u meer of minder transparant maken hebben.
Dus de manier waarop het werkt is het exact dezelfde syntax behalve wij R.G. schrijven is een en dan hebben we vier kanalen die we nodig hebben om in te vullen.
En de eerste drie, net als vroeger.
Ze variëren van nul tot 255, maar de laatste zingen op alfakanaal varieert van nul tot 1.
Dus ik zal je een paar voorbeelden geven.
Hier We zetten alle drie exact dezelfde kleur als wat de RG en B kanalen zijn bezorgd.
Dus 11 rood.
Negenennegentig groen 950 blauw.
En dan de vierde kanaal we het veranderen van de alfa- of het veranderen van de transparantie.
Dus met vier Alpha met al alles allemaal geen transparantie op alle.
We eindigen met deze griep.
Toen we zeiden Alpha punt zes worden krijgen we dit veel lichter en en meer transparant blauw.
En dan zetten we het te zijn Point twee krijgen we dit die nauwelijks daar.
Dus laten we een ander voorbeeld laten we het doen Archie B-A en deze keer laten we een groene.
Dus 200 of zo groen en een beetje blauw en dan moeten we onze alpha en laten we gewoon beginnen met één.
Vernieuw de pagina en we krijgen dit groen.
Dus laten we nu hetzelfde doen, maar maken het een beetje lichter Dus laten we het doen komma acht.
Ik ga om te vernieuwen en je kunt zien kreeg het een beetje bleker.
Laten we nu meer drastische daling met 2,2 en je kunt zien wordt het een stuk transparanter.
Dus om samen te vatten we hebben de ingebouwde kleuren die de meeste mensen niet gebruiken.
We hebben hexadecimaal.
We hebben R.G. B toen.