OK.
Więc w tej lekcji będziemy omawiać wiele różnych sposobów opisywania i reprezentujący barwy w C SS i do tej pory, jeśli pojedziemy do oceny, że pisaliśmy mamy właśnie za pomocą prostych kolorów podstawówce jak czerwony i zielony i fioletowy i oczywiście te działają OK, ale nie są one szczególnie ładne nie odcienie ładne kolory.
Moim zdaniem a ty pewnie nigdy ich używać, ponieważ większość projektantów i większość ludzi tworzeniu stron internetowych mają bardzo specyficzny paletę kolorów.
Czy jest to coś, co wiesz, obserwuje kolor marki jak bardzo specyficzny odcień zieleni dla marki lub jeśli jest to paleta kolorów.
Jestem projektantem lub ktoś stworzył prawie nikt nie używa po prostu zwykły domyślny czerwony lub zielony lub fioletowy.
Z powiedział, że istnieje sporo zbudowany w kolorach i CSSA które mają imiona.
A w rzeczywistości jest prawdopodobnie więcej niż mogłoby się wydawać.
I są o wiele bardziej, niż większość ludzi nigdy nie pamiętam.
Więc nie ma rzeczy jak chabrowy lub ciemnej storczyków i nie myślę, że 147 różnych kolorów.
I to miejsce tutaj, które mam w rzeczywistości nigdy nie używane.
Chcę tylko pokazać wam, że jest to sposób na wizualizację wszystkich różnych nazwanych kolorów i zobaczyć oceny.
I oczywiście problem z korzystaniem z nich nadal jest to tylko 147 kolorów, a może chcesz kolor, który podobnie jak ten złoty kolor, ale nieco jaśniejszy lub ciemniejszy lub lekko czerwonawe i nie będzie idealnym rozwiązaniem dla Ciebie.
A potem Innym problemem jest to, że po prostu trudno zapamiętać te nazwy jak światło łupek szary.
Nikt nie pamięta tego.
Tak naprawdę używać tylko nazwanych kolorów, takich jak czerwony pomarańczowy fioletowy tylko dla celów debugowania bardzo szybki, aby pracę pewnie, że coś jest.
Ja po prostu obrócić ją na czerwono i sprawdzić, czy to działa.
A także dla celów edukacyjnych, ale większość ludzi nigdy nie korzystać z tych kolorów.
Więc CSS oferuje kilka różnych systemów kolorów, które możemy pracować.
I to są systemy kolorów przy okazji, że istnieje poza SS.
Więc jeśli masz jakieś znajomości fotografii lub drukowanie i pracowałeś z kolorami, zanim można napotkać niektóre z nich.
Tak więc pierwszy z nich jest coś, co nazywa szesnastkowy i przed mówimy o tym, dlaczego to się nazywa szesnastkowy i co to znaczy, niech po prostu spojrzeć na kilka przykładów.
Więc tutaj pierwszą rzeczą jaką robią jest wybranie wszystkich H-1 i zmieniając ich kolor tekstu będzie czarny.
Następną rzeczą, którą robimy to wybierając wszystkie tatuaże zmieniające kolor, który ma być odcień fioletowy, a następnie wybierając wszystkie trójek wiekowych i ucząc je za odcień różu.
Więc co można zauważyć jest to, że zamiast słowa jak czerwony lub fioletowy Mamy teraz ten hash symbol i to technicznie nazywa oktawę Thorpe następnie sześciu cyfr.
Tak, aby uzyskać czarny Jest to sześć zer, aby uzyskać fiolet.
Zauważysz, że to liczby, ale istnieje również litera B w środku.
I wreszcie, aby uzyskać ten różowawy kolor To kolejny cyfry i litery tym razem na literę F ..
Więc co tu się dzieje.
Mam zamiar iść do przodu i otworzyć kilka uwag, które mam.
I mamy zamiar zrobić bardzo krótką lekcję matematyki jest to bardziej po prostu na coś moim zdaniem jest ciekawe, ale jest to również pouczające i pomoże zrozumieć, jak działa w systemie szesnastkowym.
Więc jeśli wrócić do szkoły średniej, kiedy byłem w szkole co najmniej Dużo rozmawialiśmy o systemie dziesiętnym i jak załóżmy Chciałem stworzyć pewną liczbę trzycyfrową.
Mamy po to 10. miejsce w miejscu setki.
Więc gdybym chciał szereg największym trzycyfrowy numer może utworzyć jest dziewięćset dziewięćdziesiąt dziewięć najmniejszy trzy cyfrowy numer technicznie jest 111 lub 0 0 lub 1.
Ale chodzi o to, że każde miejsce w naszym regularnym podstawy 10, która jest, co to znaczy podstawy 10 System liczb dziesiętnych Mam 10 wyborów dla każdego gniazda można zrobić od 0 do 9.
Więc to jest podstawa 10 to, co jesteśmy przyzwyczajeni do pracy z naszymi cyframi są 0 1 2 3 4 5 6 7 8 9.
Ale są też inne systemy numeryczne.
Więc może słyszeliście przed i dwuskładnikowych, który jest oparty dwa.
I tak to znaczy mamy tylko 0 i 1, jak nasze możliwości.
Więc gdybym chciał zbudować trzycyfrową liczbę binarną największym mogę zbudować jest 1 1 1.
To nie jest takie samo jak sto jedenaście.
Więc nie jest to czas, aby naprawdę przejść nad tym, jak binarny działa, ale mogą pojawić się takie rzeczy jak w pokazach CSI lub jakiejkolwiek wystawie, gdzie próbują pokazać, co hacking wygląda i są całkowicie błędne.
Ale prawdą jest, że binarny jest naprawdę bardzo ważna część jak działają komputery.
Więc to jest oparte też.
Więc mamy tylko dwie możliwości zero lub jeden.
Więc szesnastkowy jest podstawa 16.
To znaczy, że mamy 16 wyborów i te wybory przejść od zera do dziewięciu, a następnie raczej niż do 10 11 12 13 14 15.
Są to dwa cyfra dwucyfrowych liczb, która jest problematyczna X więcej i który zawiera litery.
Mamy więc od 0 do 9, a następnie ABC DCF.
Więc największy szesnastkowy numer trzy cyfrowy numer byłaby F F F a najmniejszy 0 0 0.
Więc to jest tak jak każdy inny system liczbowy wyjątkiem mamy 16 wyborów.
I dlatego, że szesnastkowy jest używany zamiast używać tylko dziesiętny nazwanie koloru jest to, że daje nam dużo więcej możliwości przy zachowaniu nazwy recolors stosunkowo krótki.
Więc w zasadzie ma szesnastkowy jest po prostu sobą kolory, nadając im nazwy numeryczne.
A jeśli użyjemy bazy 10 mamy tylko 10 wyborów na cyfry.
Więc musimy użyć więcej cyfr, jeśli używamy binarnego i że musimy użyć mnóstwo cyfr reprezentować barwy.
Setki tysięcy cyfr.
Dlatego liczby szesnastkowe sześć cyfr długości startu, niż Octa Thorpe.
A potem jedna cyfra dwa trzy cztery pięć sześć.
I sposób, że działa to nie tylko liczb losowych.
Jest rzeczywiście trochę systemie.
Tak więc pierwsze dwie cyfry odpowiadają ile czerwony jest kolor w następnym odpowiadać ile zielony i w ostatniej z nich odpowiada ile niebieski jest w kolorze.
Więc mam zamiar iść do przodu i przełączyć się na naszej Apostolskiej ocenić i pokazać, co mam na myśli.
Więc po prostu pracować z naszą H-1 tutaj.
Mamy trzy z nich H i należy je projektować.
Więc używać szesnastkowym wszystko co robimy jest zwężać Octa Thorpe i następnie sześć cyfr.
Więc zacznijmy od zdefiniowania koloru czerwonego i pamiętają pierwsze dwa są czerwone.
Tak więc nasze pierwsze dwie cyfry, jeśli chcieliśmy pełne czerwone byłoby f f bo to najwyższa liczba.
A potem wszystko jeszcze może wynosić zero.
Tak to jest w stanie uratować zmieni kolor na czerwony aż do góry.
Nie ma zielone i niebieskie.
A jeśli to zrobimy.
Idziemy do przodu i otworzyć nasz plik zobaczysz, że są h nich są jaskrawoczerwone.
Więc wróćmy i zagrajmy z tym trochę, a teraz wprowadzić trochę zieleni.
Więc dajmy mu osiem, a zobaczysz mamy ten niewielki pomarańczowy i można się zastanawiać, w jaki sposób jest zielony czerwony pomarańczowy.
A odpowiedź jest taka, że ​​to nie jest ten sam system koloru, który jesteś przyzwyczajony do mieszania farb na przykład RG B działa nieco inaczej.
I znowu, że to coś innego filmu.
Ale przede wszystkim, jeśli zsumować czerwony zielony i niebieski całą drogę aż tak pełne czerwone pełne zielone i pełne błękitu uzyskany kolor nie jest jak brązowe lub czarne, jak można się było spodziewać.
To rzeczywiście białe i jest to rzeczywiście, jak lekkie prace w świecie rzeczywistym.
Jeśli można podjąć, aby zostawić światła lub trzy lampki LCD czerwony zielony i niebieski i połączyć je, a świecą je razem.
Można by rzeczywiście dostać białe światło.
Tak to jest, jak działa ten kolor.
OK.
Więc większość czasu jesteś rzeczywiście nie wymyślanie tych kolorów od podstaw.
Więc tak naprawdę nie jest.
To znaczy, że to miłe, ale umiejętności nie muszą być w stanie zidentyfikować ten kolor jako pewnego rodzaju wiesz odcień fioletowy lub zielony czy cokolwiek to jest, że naprawdę nie jest zakres tego, co najczęściej będzie zrobić, to mieć próbnik kolorów ,
A więc powiedzmy, że chcę jak ciemny purpurowy odcień.
Nie wszystkie rodzaje obrazów kolorowych.
Jest pewne, że są na komputerze użytkownika w zależności czy masz Mac lub PC można pobrać jeden.
Niektóre z nich są włączone, ale możemy też po prostu przejść do trybu online, a jeśli chcę jak ciemny purpurowy odcień może po prostu znaleźć to fioletowy.
Powiedzmy, że ten kolor tutaj.
I wtedy można po prostu skopiować.
Myślę, że skopiowałeś.
No po prostu skopiować.
Jest to właśnie ten kolor i użyć jej odświeżenie i mamy ciemny fiolet.
Więc to jest najczęściej co zrobisz musisz próbnik kolorów.
Początkowo będziesz odebrać swoje kolory, a potem po prostu odesłać do nich.
Więc to nie jest to najbardziej intuicyjny.
Jest ładniejszy gdyby powiedział coś ciemnego bakłażana ale wtedy oczywiście, że nie będzie tak dokładna.
To tylko jeden odcień ciemnego fioletu.
I jeśli chcesz ją zmienić Jestem pecha.
Więc to szesnastkowym.
Kolejny system kolorów będziemy rozmawiać o to R. G. b tak RGV działa bardzo podobnie, z wyjątkiem składnia jest nieco inna.
Więc R. G. B znajdują się trzy kanały tak jak w systemie szesnastkowym.
Jest czerwony, zielony i niebieski.
A co innego jest RGV jest nadal w bazie 10.
Więc co robimy mamy trzy różne kanały czerwony, zielony, niebieski i składnia jest kolor jelita grubego, a następnie słowo są litery R. G. nawiasy B, a następnie wartość naszego odczytać wartość naszej zielony i wartość naszego niebieskiego.
Oraz te, w zakresie od zera do 255.
Więc w tym przypadku mówimy wszystkie te wiekowe R. G. być tam, gdzie Red wynosi zero zielony to aż do góry w kolorze niebieskim jest zerem.
I mamy ten jasny zielony i ten jeden mamy ustawieniu wszystkich dwójek wiekowe do R. G. być tam, gdzie Red jest mniej więcej w połowie.
Zielony jest całkowicie zniknął.
A Blue jest mniej więcej w połowie i mamy ładny fioletowy i wtedy ten jesteśmy ustawieniu wszystkich trójek z wiekiem się głównie niebieski z odrobiną zieleni i jeszcze mniej czerwone i otrzymujemy ten odcień niebieskiego.
Więc zróbmy kilka przykładów.
Chodźmy dla zróbmy kolejny fioletowy.
Więc po prostu tekst Słowo nasze nawiasów G-B, a następnie musimy nasze kanały.
Więc pierwsza jeśli chcemy fioletowy lub chcesz niektóre czerwone zróbmy 60.
Nie wiem, 68 czerwienią.
Zero zielony i będzie to niebieski lub fioletowy niż niż czerwony lub fioletowy tak zrobimy stu niebiesko, a my go zapisać.
I oczywiście, że nie wygląda dużo zmian, ale to nie zmienia się nieznacznie.
Więc idź naprzód i teraz podkręcić przeczytać całkiem sporo 240 i widać mamy różowo fioletowy.
A jeśli mogę przedstawić niektóre zielone i gdybym obrócić wszystko w aż tak jak wcześniej z szesnastkowy pełne czerwone, zielone i niebieskie w rzeczywistości daje nam białe i dostać czarno.
Chcesz zero dla wszystkich trzech kanałów.
Zatem nasze B jest bardzo podobny do miejsca po przecinku.
Jedyną różnicą jest składnią.
Więc zamiast wypisując coś takiego, gdzie mamy dwa kanały lub dwie cyfry czerwonego na zielony, a dwa dla niebieskiego zamiast mamy trzy gniazda i po prostu przejść od zera do 255.
Więc po prostu inna składnia i jedna inna składnia chcę rozmawiać o to nasz GPA.
Więc R-GA działa podobnie jak R. G. B wyjątkiem jest jeden mały skręt, który jest tam czwarty kanał o nazwie Alpha, który jest, jak można zrobić kolory przezroczyste.
Więc R. G. V-A jest wielki, jeśli chcesz mieć jeden kolor, że robisz mniej lub bardziej przejrzyste.
Więc sposób, że działa to dokładnie ta sama składnia wyjątkiem piszemy R. G. być i wtedy mamy cztery kanały, które musimy wypełnić.
I pierwsze trzy tak jak przedtem.
Wynoszą one od zera do 255, ale ostatni śpiew na kanale alfa waha się od zera do 1.
Więc dam ci kilka przykładów tutaj.
Tu ustawiamy wszystkie trzy być dokładnie taki sam kolor jak chodzi o kanały RG i B są zainteresowane.
Więc 11 czerwono.
Dziewięćdziesiąt dziewięć zielony 950 niebiesko.
A potem czwarty kanał jesteśmy zmieniając alfa lub zmianę przezroczystości.
Więc z czterech Alpha ze wszystkimi wszystko w górę brak przejrzystości w ogóle.
Mamy w końcu z tej grypy.
Kiedy powiedzieliśmy Alpha być punktem sześć dostajemy to znacznie lżejsze i bardziej przezroczysty niebieski.
A potem możemy ustawić go za punkt dwa otrzymujemy tego, który jest ledwo tam.
Więc zróbmy kolejny przykład zróbmy Archie B-A i tym razem zróbmy zielony.
Więc 200 lub tak zielone i trochę niebieskiego, a potem musimy naszą alfą i niech po prostu zacząć z jednym.
Odśwież stronę i mamy to na zielono.
Więc teraz zróbmy to samo, ale sprawiają, że nieco bledszy Więc zróbmy punkt osiem.
Mam zamiar odświeżyć i widać, że ma trochę jaśniejsze.
Teraz bądźmy bardziej drastyczne dół 2,2 i widać, że dostaje dużo bardziej przejrzyste.
Więc podsumować mamy zbudowany w kolorach, które większość ludzi nie korzystają.
Mamy szesnastkowo.
Mamy R. G. B wtedy.