1 00:00:01,050 --> 00:00:01,500 OK. 2 00:00:01,740 --> 00:00:22,880 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. 3 00:00:22,890 --> 00:00:30,900 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. 4 00:00:31,320 --> 00:00:39,070 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. 5 00:00:39,250 --> 00:00:46,760 Ik ben een ontwerper of iemand heeft geschapen bijna niemand gebruikt gewoon de vlakte standaard rood of groen of paars. 6 00:00:47,130 --> 00:00:52,670 Met dat gezegd zijn er nogal wat gebouwd in kleuren en CSSA die namen hebben. 7 00:00:52,980 --> 00:00:55,380 En in feite is er waarschijnlijk meer dan je zou denken. 8 00:00:55,500 --> 00:00:59,370 En er zijn veel meer dan de meeste mensen ooit herinneren. 9 00:00:59,370 --> 00:01:06,710 Dus er is dingen zoals korenbloem blauw of donker orchidee en er is denk ik 147 verschillende kleuren. 10 00:01:06,870 --> 00:01:10,530 En deze site hier wat ik heb eigenlijk nooit echt gebruikt. 11 00:01:10,540 --> 00:01:15,800 Ik wil alleen maar om het te laten zien dat het een manier om alle verschillende benoemde kleuren te visualiseren en te zien beoordelen. 12 00:01:16,080 --> 00:01:31,500 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. 13 00:01:31,500 --> 00:01:36,310 En dan is het andere probleem is dat het is gewoon moeilijk om deze namen zoals licht leigrijs herinneren. 14 00:01:36,360 --> 00:01:37,750 Niemand herinnert zich dat. 15 00:01:37,770 --> 00:01:45,940 Dus ik alleen gebruik maken van de naam kleuren zoals rood oranje paars alleen voor zeer snelle debugging doeleinden werken zeker iets te maken. 16 00:01:45,960 --> 00:01:48,410 Ik kom net zet hem rood te zien of dat werkt. 17 00:01:48,540 --> 00:01:54,080 En ook alleen voor educatieve doeleinden, maar de meeste mensen zouden nooit gebruik van deze kleuren. 18 00:01:54,730 --> 00:01:58,940 Dus CSS biedt een paar andere kleur systemen die we kunnen werken. 19 00:01:59,280 --> 00:02:03,410 En dit zijn kleurensystemen door de manier die bestaan ​​buiten de SS. 20 00:02:03,540 --> 00:02:11,790 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. 21 00:02:12,120 --> 00:02:21,970 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. 22 00:02:21,990 --> 00:02:29,740 Dus hier is het eerste wat we doen is het selecteren van alle H-1 en het veranderen van hun tekstkleur zwart te zijn. 23 00:02:30,030 --> 00:02:39,550 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. 24 00:02:39,600 --> 00:02:50,710 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. 25 00:02:51,270 --> 00:02:56,100 Dus om black hij zes nullen tot paars te krijgen. 26 00:02:56,160 --> 00:02:59,690 U zult merken dat de nummers, maar er is ook een letter B in daar. 27 00:02:59,940 --> 00:03:07,000 En tot slot om dit roze kleur is het weer cijfers en letters ditmaal letter F te krijgen .. 28 00:03:07,020 --> 00:03:09,200 Dus wat hier gebeurt. 29 00:03:09,390 --> 00:03:12,300 Ik ga om te gaan en open te stellen enkele aantekeningen die ik heb. 30 00:03:12,630 --> 00:03:23,620 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. 31 00:03:23,640 --> 00:03:35,080 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. 32 00:03:35,310 --> 00:03:39,660 We hebben onze eens plaats de 10e plaats in de honderden plaats. 33 00:03:39,690 --> 00:03:52,710 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. 34 00:03:53,190 --> 00:04:07,560 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. 35 00:04:07,980 --> 00:04:14,950 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. 36 00:04:15,390 --> 00:04:17,630 Maar er zijn ook andere nummer systemen. 37 00:04:17,790 --> 00:04:21,940 Dus je kan eerder hebben gehoord van binaire en dat is op basis van twee personen. 38 00:04:21,960 --> 00:04:25,360 En dus dat betekent dat we alleen 0 en 1 als onze mogelijkheden. 39 00:04:25,770 --> 00:04:32,690 Dus als ik wilde een driecijferig binair nummer van de grootste die ik kan bouwen is 1 1 1 op te bouwen. 40 00:04:32,700 --> 00:04:35,560 Dat is niet gelijk aan 111. 41 00:04:35,580 --> 00:04:48,310 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. 42 00:04:48,490 --> 00:04:53,230 Maar het is waar dat de binary is een heel erg belangrijk onderdeel van de manier waarop computers werken. 43 00:04:53,470 --> 00:04:54,850 Dus dat is ook gebaseerd. 44 00:04:54,910 --> 00:04:57,030 Dus we hebben maar twee keuzes nul of één. 45 00:04:57,370 --> 00:04:59,850 Dus hexadecimaal is basis 16. 46 00:05:00,340 --> 00:05:10,480 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. 47 00:05:10,810 --> 00:05:17,380 Dat zijn twee-cijferig nummer twee cijfers, die problematisch is X meer en dat geldt ook letters. 48 00:05:17,380 --> 00:05:22,070 Dus hebben we 0 tot en met 9 en vervolgens ABC DCF. 49 00:05:22,270 --> 00:05:33,090 Dus de grootste hexadecimale getal van drie cijfers zouden F F F en de kleinste 0 0 0 zijn. 50 00:05:33,910 --> 00:05:37,500 Dus het is net als elk ander getal systeem behalve wij hebben 16 keuzes. 51 00:05:37,690 --> 00:05:50,610 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. 52 00:05:50,920 --> 00:05:55,370 Dus eigenlijk heeft hexadecimale is gewoon het nemen van kleuren en hen numerieke namen. 53 00:05:55,390 --> 00:05:59,200 En als we basis 10 hebben we slechts 10 keuzes per cijfer. 54 00:05:59,200 --> 00:06:05,760 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. 55 00:06:05,770 --> 00:06:07,870 Honderden en honderden duizenden cijfers. 56 00:06:07,930 --> 00:06:12,820 Dus hexadecimale getallen zijn zes cijfers start's dan Octa Thorpe. 57 00:06:13,030 --> 00:06:18,590 En dan een cijfer twee drie vier vijf zes. 58 00:06:18,730 --> 00:06:22,010 En de manier waarop het werkt het niet alleen willekeurige getallen. 59 00:06:22,240 --> 00:06:24,590 Er is eigenlijk een beetje een systeem. 60 00:06:24,640 --> 00:06:36,220 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. 61 00:06:36,760 --> 00:06:40,300 Dus ik ga om verder te gaan en over te schakelen op onze See beoordelen en te laten zien wat ik bedoel. 62 00:06:40,810 --> 00:06:43,510 Dus laten we gewoon werken met onze H-1 hier. 63 00:06:43,600 --> 00:06:46,880 We hebben drie H enen en moet ze stylen. 64 00:06:47,050 --> 00:06:51,790 Dus om hexadecimaal gebruiken alles wat we doen is taps Octa Thorpe en dan zes cijfers. 65 00:06:52,180 --> 00:06:58,090 Dus laten we beginnen met het definiëren van een rode kleur en herinner me de eerste twee zijn rood. 66 00:06:58,090 --> 00:07:04,370 Dus onze eerste twee cijfers als we wilden volle rode zou zijn f f, want dat is het hoogste aantal. 67 00:07:04,990 --> 00:07:07,630 En dan is alles anders kan nul zijn. 68 00:07:07,630 --> 00:07:10,370 Dus dit gaat redden rood helemaal naar boven. 69 00:07:10,660 --> 00:07:12,050 Geen groene en geen blauwe. 70 00:07:12,280 --> 00:07:13,270 En als we dat doen. 71 00:07:13,570 --> 00:07:19,810 Laten we gaan en open te stellen ons bestand dat u zult zien dat zijn h daarvan zijn helder rood. 72 00:07:19,870 --> 00:07:26,400 Dus laten we terug gaan en laten we spelen met deze een beetje en nu een beetje groen te introduceren. 73 00:07:26,860 --> 00:07:36,280 Dus laten we het eens acht en je zult zien we dit kleine oranje en u vraagt ​​zich misschien af ​​hoe groen rood oranje. 74 00:07:36,520 --> 00:07:46,000 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. 75 00:07:46,150 --> 00:07:48,190 En weer dat is iets voor een andere video. 76 00:07:48,220 --> 00:08:03,160 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. 77 00:08:03,160 --> 00:08:07,350 Het is eigenlijk wit en dit is eigenlijk hoe licht werkt in de echte wereld. 78 00:08:07,420 --> 00:08:13,740 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. 79 00:08:13,810 --> 00:08:15,560 Je zou eigenlijk wit licht. 80 00:08:15,790 --> 00:08:17,690 Dus dat is hoe deze kleur werkt. 81 00:08:18,060 --> 00:08:18,310 OK. 82 00:08:18,310 --> 00:08:23,380 Dus de meeste van de tijd die je eigenlijk niet komen met deze kleuren van de grond af. 83 00:08:23,380 --> 00:08:24,410 Dus het is niet echt. 84 00:08:24,520 --> 00:08:42,750 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 . 85 00:08:43,350 --> 00:08:46,670 En dus laten we zeggen dat ik wil als een donkerpaarse kleur. 86 00:08:46,750 --> 00:08:48,160 Er is allerlei kleurenfoto's. 87 00:08:48,190 --> 00:08:53,110 Er is een aantal die op uw computer, afhankelijk van of je een Mac of pc kunt u één downloaden. 88 00:08:53,110 --> 00:09:01,400 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. 89 00:09:02,290 --> 00:09:07,300 Laten we zeggen dat deze kleur hier. 90 00:09:07,840 --> 00:09:10,160 En dan kan ik gewoon kopiëren. 91 00:09:10,230 --> 00:09:12,080 Ik denk dat gekopieerd. 92 00:09:12,140 --> 00:09:14,050 Nee je gewoon kopiëren. 93 00:09:14,160 --> 00:09:24,900 Daar is deze kleur en het gebruik dat verfrissen en we krijgen een donkere paars. 94 00:09:24,980 --> 00:09:28,090 Dus dit is meestal wat u wilt doen heb je een kleur picker hebben. 95 00:09:28,340 --> 00:09:32,390 In eerste instantie zult u uw kleuren kiezen en dan moet je gewoon terug te verwijzen naar hen. 96 00:09:32,390 --> 00:09:33,870 Dus het is niet de meest intuïtieve. 97 00:09:34,010 --> 00:09:42,920 Het is leuker als het zei iets als donkere aubergine, maar dan natuurlijk dat niet gaat als om precies te zijn. 98 00:09:42,920 --> 00:09:44,540 Dat is slechts een schaduw van donkerpaars. 99 00:09:44,540 --> 00:09:47,070 En als ik wil om het te veranderen Ik ben pech. 100 00:09:47,120 --> 00:09:50,420 Dus dat is hexadecimaal. 101 00:09:50,420 --> 00:09:58,910 De volgende kleurensysteem gaan we praten over R.G. b dus RGV werkt zeer vergelijkbare wijze met uitzondering van de syntax is iets anders. 102 00:09:58,910 --> 00:10:02,600 Dus R.G. B zijn er drie kanalen net als bij hexadecimale. 103 00:10:02,630 --> 00:10:04,620 Er is rood, groen en blauw. 104 00:10:05,120 --> 00:10:08,380 En wat is anders, is dat RGV is nog steeds in basis 10. 105 00:10:08,810 --> 00:10:25,360 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. 106 00:10:25,640 --> 00:10:29,340 En die variëren van nul tot 255. 107 00:10:29,900 --> 00:10:40,170 Dus in dit geval we zeggen alle leeftijdsgroepen daarvan zijn R.G. waar Red nul is groen is helemaal in het blauw is nul. 108 00:10:40,670 --> 00:10:50,150 En we dit heldergroene en deze wij het instellen van alle leeftijd tweeën te R.G. zijn waar Red ongeveer halverwege. 109 00:10:50,300 --> 00:10:52,100 Green is volledig verdwenen. 110 00:10:52,340 --> 00:11:04,140 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. 111 00:11:04,700 --> 00:11:07,420 Dus laten we een paar voorbeelden. 112 00:11:08,960 --> 00:11:13,720 Laten we gaan voor een Doe opnieuw een paarse. 113 00:11:13,820 --> 00:11:19,480 Dus we alleen tekst het woord van onze G-B haakjes en dan hebben we onze kanalen nodig. 114 00:11:19,640 --> 00:11:27,180 Dus de eerste als we willen een paarse of wilt u een aantal rode laten we het doen 60. 115 00:11:27,200 --> 00:11:28,800 Ik weet het niet 68 rood. 116 00:11:29,360 --> 00:11:39,840 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. 117 00:11:41,660 --> 00:11:45,560 En natuurlijk maakt het niet uit als veel van een verandering, maar het zag er een beetje te veranderen. 118 00:11:45,560 --> 00:11:53,920 Dus laten we gaan door en nu zet de lees nogal wat 240 en je kunt zien we een roze-paarse. 119 00:11:54,500 --> 00:12:13,900 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. 120 00:12:13,900 --> 00:12:18,080 U wilt nul voor alle drie kanalen. 121 00:12:18,080 --> 00:12:20,690 Dus onze B is zeer vergelijkbaar met de decimale. 122 00:12:20,750 --> 00:12:22,660 Het enige verschil is de syntax. 123 00:12:22,940 --> 00:12:43,040 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. 124 00:12:43,040 --> 00:12:49,880 Dus gewoon een andere syntax en een andere syntaxis ik over wil praten is onze GPA. 125 00:12:50,270 --> 00:12:59,100 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. 126 00:12:59,270 --> 00:13:05,950 Dus R.G. V-A is geweldig als je wilt een kleur dat u meer of minder transparant maken hebben. 127 00:13:06,230 --> 00:13:13,830 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. 128 00:13:14,150 --> 00:13:16,560 En de eerste drie, net als vroeger. 129 00:13:16,580 --> 00:13:23,900 Ze variëren van nul tot 255, maar de laatste zingen op alfakanaal varieert van nul tot 1. 130 00:13:24,470 --> 00:13:26,370 Dus ik zal je een paar voorbeelden geven. 131 00:13:26,540 --> 00:13:33,800 Hier We zetten alle drie exact dezelfde kleur als wat de RG en B kanalen zijn bezorgd. 132 00:13:33,920 --> 00:13:35,080 Dus 11 rood. 133 00:13:35,170 --> 00:13:37,850 Negenennegentig groen 950 blauw. 134 00:13:38,480 --> 00:13:42,840 En dan de vierde kanaal we het veranderen van de alfa- of het veranderen van de transparantie. 135 00:13:42,860 --> 00:13:47,950 Dus met vier Alpha met al alles allemaal geen transparantie op alle. 136 00:13:48,050 --> 00:13:49,810 We eindigen met deze griep. 137 00:13:50,480 --> 00:13:56,340 Toen we zeiden Alpha punt zes worden krijgen we dit veel lichter en en meer transparant blauw. 138 00:13:56,690 --> 00:14:01,640 En dan zetten we het te zijn Point twee krijgen we dit die nauwelijks daar. 139 00:14:01,880 --> 00:14:09,300 Dus laten we een ander voorbeeld laten we het doen Archie B-A en deze keer laten we een groene. 140 00:14:09,440 --> 00:14:18,860 Dus 200 of zo groen en een beetje blauw en dan moeten we onze alpha en laten we gewoon beginnen met één. 141 00:14:18,860 --> 00:14:23,080 Vernieuw de pagina en we krijgen dit groen. 142 00:14:23,180 --> 00:14:30,830 Dus laten we nu hetzelfde doen, maar maken het een beetje lichter Dus laten we het doen komma acht. 143 00:14:30,960 --> 00:14:34,330 Ik ga om te vernieuwen en je kunt zien kreeg het een beetje bleker. 144 00:14:34,460 --> 00:14:41,810 Laten we nu meer drastische daling met 2,2 en je kunt zien wordt het een stuk transparanter. 145 00:14:42,920 --> 00:14:47,480 Dus om samen te vatten we hebben de ingebouwde kleuren die de meeste mensen niet gebruiken. 146 00:14:47,690 --> 00:14:49,460 We hebben hexadecimaal. 147 00:14:49,460 --> 00:14:50,900 We hebben R.G. B toen.