Kolor indygo w programie Word. Nazwy kolorów i odcieni

Tabela (paleta) kolorów html daje możliwość samodzielnego wyboru tonu, którego potrzebujesz. Wartość koloru jest wyświetlana w trzech formatach: szesnastkowym, RGB i HSV.

• Hex składa się z trzech dwuznakowych wartości w systemie liczb szesnastkowych. Na przykład: #ff00b3, gdzie pierwsza para cyfr jest czerwona, druga zielona, ​​a trzecia niebieska.
• RGB (RedGreenBlue) ma postać „200 100 255”, wskazując ilość odpowiedniego tonu (czerwony, zielony, niebieski) w wynikowym kolorze.
• HSV (Hue, Saturation, Value - ton, nasycenie, wartość) to model kolorów, w którym współrzędne to:
  • Barwa - odcień koloru, może wahać się od 0° do 360°.
  • Nasycenie - nasycenie, waha się od 0-100 lub 0-1. Im wyższy ten parametr, tym „czystszy” kolor, dlatego też parametr ten nazywany jest czasem czystością koloru. Im bliżej zera jest ten parametr, tym kolor jest bliższy neutralnej szarości.
  • Wartość (wartość koloru) - ustawia jasność, wartość może również zmieniać się w zakresie 0-100 lub 0-1.

Podaj kod koloru: IŚĆ

Lista kolorów z nazwami

W tabeli zestawiono nazwy kolorów angielski(które mogą być używane jako wartości) obsługiwane przez wszystkie przeglądarki i ich wartości szesnastkowe. Wszystkie wymienione kolory są „bezpieczne”, co oznacza, że ​​będą wyglądać tak samo we wszystkich przeglądarkach.

Paleta barw i odcieni stosowanych przez artystów i projektantów jest po prostu niesamowita. A dzięki zmieniającym się trendom fashionistki na całym świecie równie pilnie studiują schematy kolorów, jak magazyny o modzie. Tak więc, po bliższym przyjrzeniu się, znany żółty kolor dzieli się na: musztardę, złoto, cytrynę, szafran, kanarek, gruszkę, kukurydzę, chartreuse, wiosenny pączek, żółć dalii, mandarynkę, antyczne złoto... i nie jest to pełna lista jego odcieni! Jak zrozumieć istniejącą różnorodność odcieni, a co najważniejsze - czy w ogóle jest to konieczne? Przecież postrzeganie koloru jest czysto subiektywne, wpływają na niego nie tylko czynniki kulturowe, ale także fizjologiczne (zdolność oka do rozróżniania niuansów koloru jest z natury różna w zależności od osoby). Dodatkowo odcień może wydawać się cieplejszy lub chłodniejszy, w zależności od otaczających go kolorów.

Fajne kolory i odcienie

Aby wyraźnie pokazać ciągłość przejść kolorów i odcieni, zastosowano koło kolorów. Opiera się na trzech kolorach: czerwonym, żółtym i niebieskim. Mieszając ze sobą te kolory, otrzymamy kolory pośrednie: pomarańczowy, zielony i fioletowy. Wszystkie pozostałe odcienie uzyskuje się poprzez zmieszanie tych kolorów ze sobą, a także z czernią i bielą.

Istnieją trzy główne sposoby wyświetlania koła kolorów, chociaż w zasadzie są one takie same.

Podstawą chłodnych kolorów jest niebieskawy odcień. Jeśli patrząc na kolor, możesz sobie wyobrazić, że prześwieca przez niego niebieski, szary lub – ten odcień jest zimny.

Fajne odcienie to:

• ciemnoczerwony;

• koszenila;

• szkarłat;

• alizaryna;

• karmazynowy;

• kardynał;

• magenta;

• bakłażan;

• glicynia;

• cytrynowy;

• szarpany;

• jadeit;

• akwamaryn;
• indygo;

• błękit pruski;

• siatkaperlewo;

• antracyt;

• Marengo.

Ciepłe odcienie kolorów

Należy pamiętać, że postrzeganie wielu odcieni zależy od kolorów w pobliżu. Wyrażenie „wszystko wiadomo przez porównanie” jest bardzo istotne w przypadku temperatury barwowej. Nawet wśród odcieni o tej samej skali temperatur można znaleźć odcienie cieplejsze i chłodniejsze. Najprostszym sposobem porównania odcieni jest neutralny (na przykład biały). Ciepłe odcienie koloru będą miały „poświatę” żółtego, czerwonego lub różowego.

Należą do nich:

Ponadto istnieją również tak zwane kolory neutralne:

Aby uzyskać prawidłową kombinację kolorów i odcieni, powinieneś nauczyć się odróżniać odcienie ciepłe od zimnych. Istnieją trzy sposoby tworzenia kompozycji kolorystycznych.

W przypadku pierwszego z nich wybiera się kilka odcieni tego samego koloru. Metoda ta nadaje się do tworzenia dyskretnych, eleganckich zestawów.

W drugim przypadku łączone są sąsiednie kolory (znajdujące się obok siebie na kole kolorów).

Trzecia metoda wykorzystuje kolory dopełniające (umieszczone na przeciwległych częściach koła kolorów). W ten sposób uzyskuje się najbardziej chwytliwe, skuteczne kompozycje.

Jak widać, nadal warto nauczyć się rozróżniać ciepłe i zimne kolory i odcienie, ale wcale nie jest konieczne zapamiętywanie nazw każdego z kilkudziesięciu tonów i półtonów. Nawet jeśli jesteś stylistą lub projektantem, łatwiej będzie nosić przy sobie kilka palet kolorów z nazwami, niż ciągle mieć w pamięci kolory. Poza tym o wiele łatwiej jest pokazać przykładowy kolor, niż próbować wyjaśnić różnicę między np. indyjską czerwienią, łososiem i jasnym koralem.

Witam, drodzy czytelnicy bloga. Kontynuuję publikowanie artykułów w dziale „”. Dziś chcę porozmawiać o kolorach w kodzie HTML i CSS, wyjaśnić tym, którzy jeszcze nie wiedzą, jak je ustawić, jak powstają, jak używać specjalnie do tego zaprojektowanych programów do wyszukiwania lub przechwytywania pożądanego koloru oraz dużo więcej.

Kwestia określenia pożądanego odcienia może być szczególnie istotna dla początkujących webmasterów, gdy kody podane w dokumencie internetowym nie są do końca jasne (na przykład #f3af6c) i nie jest jasne, jak i gdzie można uzyskać te informacje (gdzie znajdź kod HTML i Kolory CSS) i jak ich używać do projektowania tekstu lub innego bloku dokumentu internetowego.

Przypomnę, że zapoznaliśmy się już z podstawowymi zasadami stosowanymi w . Przyjrzeliśmy się już także tagom i nauczyliśmy się, wiele się nauczyliśmy i jak.

Kody i tabela podstawowych kolorów RGB

Jest całkiem logiczne, że w hipertekstowym języku znaczników i kaskadowych arkuszach stylów możliwe jest kolorowanie dokumentów, ponieważ w W przeciwnym razie strony byłyby bardzo nudne i tego samego typu. Aby to zrobić, zwykle używają modelu o nazwie RGB (akronim wywodzący się od trzech angielskich słów oznaczających kolor czerwony, zielony i niebieski).

W modelu RGB używane są tylko trzy kolory (jasne, że są to czerwony, zielony i niebieski), z których każdy można przedstawić za pomocą różne poziomy jasność blasku. Dla każdego kanału (czerwony, zielony i niebieski) można wybrać jeden z 256 możliwych poziomów jasności. Przyjmowana jest liczba 256, ponieważ w jednym bajcie informacji można zakodować tak wiele wartości odcieni.

W związku z tym dla naszego dokumentu internetowego możemy wybrać dowolny odcień z ogromnej liczby możliwych (256*256*256). Na przykład, aby uzyskać czerń, wszystkie trzy kanały schematu kolorów muszą mieć wartość jasności wynoszącą zero, a aby uzyskać biel, czerwień, zieleń i niebieski, muszą mieć maksymalną jasność.

Spróbujmy teraz dowiedzieć się, jak ustawić jasność w każdym kanale i ile mamy na to możliwości?

W rzeczywistości istnieje dwa główne sposoby:

1. ustawienie poprzez rejestrację jasności każdego kanału (czerwonego, zielonego i niebieskiego) w zapisie szesnastkowym
2. zadanie, wprowadzając nazwę koloru w kodzie dokumentu internetowego

Zacznijmy od skomplikowanych i spróbujmy dowiedzieć się, jak pisać kolory w kodzie szesnastkowym. Gdybyśmy chcieli np. zapisać kod dla koloru białego w systemie dziesiętnym, otrzymalibyśmy kod 256 256 256, a dla koloru czarnego – 0 0 0. Tutaj chyba wszystko jest jasne.

Ale w systemie liczb szesnastkowych oprócz cyfr arabskich stosuje się również pierwsze sześć liter alfabetu łacińskiego, a tworzenie liczb ma swoją specyfikę. Myślę, że nie warto się w to zagłębiać, ale jako przykład podam, że kolor biały dla HTML można ustawić tak: #ffffff, a czarny tak: #000000. Te. 00 odpowiada 0 w zapisie dziesiętnym, a ff odpowiada 256.

Te. na kanał Kolory RGB Kod CSS dopuszcza dwie cyfry szesnastkowe, więc wpisy wartości kolorów składają się z sześciu cyfr (lub liter odpowiadających cyfrom w systemie szesnastkowym), poprzedzonych znakiem skrótu „#”. To całkiem proste.

Na przykład w poniższej tabeli najprostsze odcienie, ich wpisy szesnastkowe będą wyglądać następująco:

Oczywiście nie musisz wymyślać i porównywać szesnastkowych kodów cieni z tymi, które chcesz zobaczyć w swoim projekcie internetowym. Kolory dla witryny możesz wybrać w dowolnym edytorze graficznym (nawet w ), gdzie na pewno wyświetli się zapis tego odcienia w formacie RGB, lub znajdź tabelę kolorów HTML i skopiuj stamtąd potrzebny kod.

Yandex Colors - wybór palety odcieni RGB w wynikach Yandex

Nie chcę go używać do tego celu edytor graficzny lub poszukać tabeli z kodami? Bez problemu. Przewiń tę stronę trochę w dół, a znajdziesz wiele programów, które są specyficzne i dostosowane specjalnie do pracy z kolorami w kodzie HTML lub CSS.

Jeśli to Ci nie odpowiada, po prostu otwórz go i wpisz w pasku wyszukiwania poproś o nazwę tego odcienia, który Cię interesuje (choć możesz po prostu wpisać: szaro-brązowo-malinowy).

W rezultacie na samej górze wyników wyszukiwania zobaczysz bardzo wygodną tabelę palet Yandex.Colors do wyboru kolorów dla Twojej witryny. W prawym dolnym rogu tej palety możesz skopiować kod szesnastkowy potrzebnego odcienia (przed nim znajduje się znak krzyżyka), który następnie wystarczy wkleić w odpowiednie miejsce w swoim dokumencie internetowym.

Wszystko to realizowane jest dzięki tzw., który ma pomóc projektantom układów i projektantów.

Możesz ustaw kolor w pasku wyszukiwania Yandex, zarówno w formie jego nazwy, jak i w postaci kodu - dzięki temu zobaczysz, jak będzie to wyglądało na ekranie i w razie potrzeby uzyskasz jego zapis szesnastkowy.

Faktycznie, to narzędzie może się przydać zwykli użytkownicy internecie, żeby się zorientować, jak będą wyglądać meble w odcieniu srebrno-brązowo-malinowo-nakrapianym. Możesz także obejrzeć film o używaniu tego czarodzieja Yandex:

Niektóre kolory w języku znaczników hipertekstowych można określić za pomocą słów na przykład „czarny” oznacza czarny, „biały” oznacza biały itp. Ale jest jedno zastrzeżenie. Ustawienie koloru jest zatem możliwe tylko dla ograniczonej ich liczby.

Cóż, po pierwsze, prawdopodobnie jest jasne, że nie będziesz w stanie przedstawić wszystkich 16 milionów odcieni możliwych w schemacie RGB za pomocą słów w dowolnej tabeli (zmęczysz się przewijaniem).

Po drugie, w walidatorze W3C dla specyfikacji Hypertext Markup Language 4.01 (jest ona w pełni obsługiwana przez wszystkie możliwe przeglądarki obecnie) zdefiniowanych jest tylko 16 kolorów, które można określić w kodzie HTML lub CSS słowami:

Można też znaleźć znacznie bardziej szczegółowe tabele odcieni, które można określić słownie w kodzie, jednak istnieje możliwość, że w jakiejś przeglądarce ten kolor nie będzie wyświetlany poprawnie.

Dlatego też poza podaną powyżej tabelą 16 podstawowych odcieni, wszystkie pozostałe kolory należy określić w kodzie dokumenty internetowe stosując wyłącznie notację szesnastkową, aby uniknąć niepotrzebnych przesady.

Używanie kodów i nazw kolorów w webmasteringu

NA w tej chwili cały projekt zewnętrzny strony internetowe pozostawione CSS (kaskadowe arkusze stylów) i określenie kodu koloru bezpośrednio w HTML jest niezwykle rzadkie, ale nadal występuje. Ponadto zdarzają się sytuacje, w których z tego czy innego powodu nie można korzystać z tabel zewnętrznych. Style CSS(przykładowo w przypadku tworzenia wydania).

Dlatego nadal podam przykład ustawienia kolorów w HTML, chociaż w tym przypadku będą one już wykorzystane tagi niezalecane przez walidator W3C. Przykładowo, wcześniej kolor tła był ustawiany w tagu „BODY” poprzez atrybut „bgcolor”, a tekst był kolorowany od razu na całej stronie za pomocą atrybutu „text”.

Ustawienie wymaganych odcieni w tym przypadku mogłoby wyglądać np. tak:

Treść dokumentu

Rezultatem jest strona internetowa z beżowym tłem i ciemnoniebieską czcionką. Zanim zaczęto używać CSS, do zmiany koloru czcionki dowolnej pojedynczej sekcji tekstu powszechnie stosowano znacznik „FONT”, który nie był już zalecany przez walidator W3C, w którym dodawany był atrybut „color” o tej samej nazwie ustaw kolor:

fragment tekstu, który wymagał pokolorowania na niebiesko

Aby zobaczyć wynik napisanego kodu na ekranie, musisz zapisać ten plik z rozszerzeniem HTML, a następnie otworzyć go w dowolnej dogodnej dla Ciebie przeglądarce.

Teraz, aby układ Twojej witryny został uznany za prawidłowy, jest to zalecane ustaw kolory elementów w kaskadowym arkuszu stylów poprzez odpowiednie reguły i właściwości. Zasady takiego wstawiania w CSS nie różnią się od opisanych powyżej.

Jak widać, czasami, aby skrócić zapis odcienia, używa się nie sześciu znaków, ale tylko trzech, jeśli pasują do każdego kanału - „#6с0” zamiast „#66с00”.

Wybierz kolor z palety specjalnego programu lub przechwyć go z ekranu

Jak napisałem tuż powyżej, wszędzie stosowana jest kolorystyka RGB (czerwony, zielony, niebieski). Dla każdego z trzech głównych kolorów istnieje 256 gradacji - od 0 do 255 (jeśli przeliczymy te wartości na system liczb szesnastkowych, otrzymamy - od 00 do FF).

Ponieważ mamy trzy główne kolory, z których kombinacji powstają wszystkie pozostałe odcienie, wtedy zapis szesnastkowy będzie wyglądał mniej więcej tak: 99FF66 (odcień zieleni). Dodając przed nim #, otrzymamy kod #99FF66, którego można używać zarówno w plikach HTML, jak i plikach stylów. Jest rzeczą oczywistą, że nie musisz sam rozgryzać i zapamiętywać tych wszystkich bzdur.

Do tego możesz użyć specjalny program, pozwalający wybrać żądany odcień na palecie (lub przechwyć to z ekranu narzędzie takie jak pipeta) i natychmiast uzyskaj jego kod. Nie musisz mieć programu, wystarczy wejść na stronę Yandex i w pasku zapytań wpisać nazwę dowolnego koloru (pisałem o tym tuż powyżej).

Oto lista programów, które pozwalają w pełni to wszystko wdrożyć:

Powodzenia! Do zobaczenia wkrótce na stronach bloga

Możesz być zainteresowany

Listy w kodzie HTML - znaczniki UL, OL, LI i DL
Jak wstawić link i obrazek (zdjęcie) do HTML - Tagi IMG i A
Jak utworzyć hiperłącze (A, Href, Target blank), jak otworzyć je w nowym oknie na stronie, a także zrobić obrazek jako link w kodzie HTML
Czcionka (krój, rozmiar i kolor), znaczniki Blockquote i Pre — starsze formatowanie tekstu w czystym formacie HTML (bez za pomocą CSS)
Tabele w HTML - Tagi Table, Tr i Td oraz Colspan, Cellpadding, Cellspacing i Rowspan do ich tworzenia
Formularze HTML dla witryny - tagi Form, Input and Select, Option, Textarea, Label i inne do tworzenia elementów formularzy internetowych Wybierz, Opcja, Obszar tekstowy, Etykieta, Zestaw pól, Legenda - Tagi HTML dla postaci list rozwijanych i pól tekstowych
Img- Znacznik HTML do wstawiania obrazka (Src), wyrównywania i owijania wokół niego tekstu (align), a także ustawiania tła (tło)
Dyrektywy komentarzy i typ dokumentu w kodzie HTML, a także koncepcja elementów blokowych i wbudowanych (tagi)
Co to jest hipertekstowy język znaczników Html i jak wyświetlić listę wszystkich tagów w walidatorze W3C
Białe znaki i ich formatowanie kodu w HTML, a także specjalne znaki spacji nierozdzielającej i inne mnemoniki

Moduł kolorów CSS zawiera szczegółowe wartości, które pozwalają autorom zdefiniować kolory i przezroczystość elementów HTML, a także wartości właściwości color.

właściwość koloru

1. Kolory priorytetowe: właściwość koloru

Właściwość ustawia kolor czcionki za pomocą różne systemy odwzorowanie kolorów. Właściwość opisuje kolor zawartości tekstowej elementu. Dodatkowo służy do zapewnienia potencjalnej wartości pośredniej (currentColor) dla wszelkich innych właściwości, które przyjmują wartości kolorów.

Nieruchomość jest dziedziczona.

2. Wartości kolorów

2.1. Główne słowa kluczowe

Lista głównych słów kluczowych obejmuje następujące znaczenia:

W nazwach kolorów wielkość liter nie jest uwzględniana.

Składnia

Kolor: turkusowy;

2.2. Numeryczne wartości kolorów

2.2.1. Kolory modelu RGB

Szesnastkowy format wartości RGB to znak #, po którym bezpośrednio następują trzy lub sześć znaków szesnastkowych. Trzycyfrowy zapis RGB #rgb jest konwertowany do sześciocyfrowej postaci #rrggbb poprzez kopiowanie cyfr zamiast dodawania zer. Na przykład #fb0 rozwija się do #ffbb00 . Dzięki temu w krótkim wpisie #ffff będzie można określić biały #ffffff i usunie się wszelkie zależności od głębi kolorów wyświetlacza.

Format wartości RGB w notacji funkcjonalnej to rgb(, po którym następuje rozdzielona przecinkami lista trzech wartości numerycznych (trzy wartości całkowite lub trzy wartości procentowe), po której następuje symbol). Wartość całkowita 255 odpowiada 100% oraz F lub FF w zapisie szesnastkowym:

Rgb(255.255.255) = rgb(100%, 100%, 100%) = #FFF

Wokół wartości numerycznych dozwolone są znaki spacji.