Kody kolorów HTML online. Kolor w stylach można ustawić na różne sposoby: według wartości szesnastkowej, według nazwy, w formacie RGB, RGBA, HSL, HSLA. Istnieje kilka sposobów przedstawiania kolorów w projektowaniu stron internetowych.

Ta strona zawiera tabelę ze słowami kluczowymi, które można wykorzystać do oznaczenia kolorów w takich językach programowania WWW jak: HTML, CSS, JavaScript, Flash itp.

W starej specyfikacji WC3 do ustawiania kolorów w HTML i CSS używano tylko 16 słów kluczowych. W późniejszych, bardziej nowoczesnych specyfikacjach dodano kolejne 130 słów kluczowych oznaczających nazwy kolorów. Poniższa tabela zawiera nazwy kolorów, kody szesnastkowe i RGB, którym odpowiadają.

Zgodnie z regułami CSS w nazwach kolorów nie jest rozróżniana wielkość liter. Wpisy kolorów IndianRed i indianred są równoważne.

Warto również zauważyć, że na 146 słów kluczowych w tabeli jest w niej mniej kolorów. Dzieje się tak, ponieważ niektóre słowa kluczowe odnoszą się do tego samego koloru. Tak więc nazwy Gray i Grey oznaczają 50 procent szarości z kodem #808080 , podczas gdy słowo Magenta jest synonimem HTML koloru Fuchsia, co odpowiada kodowi szesnastkowemu #FF00FF . Słowa Aqua i Cyan są również synonimami, odpowiadają kodowi #00FFFF .

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

• Hex składa się z trzech dwóch wartości znakowych w notacji szesnastkowej. Na przykład: #ff00b3, gdzie pierwsza para liczb jest czerwona, druga zielona, ​​a trzecia niebieska.
• RGB (RedGreenBlue) ma postać „200,100,255” wskazującą ilość odpowiedniego tonu (czerwonego, zielonego, niebieskiego) w wynikowym kolorze.
• HSV (Hue, Saturation, Value - ton, saturation, value) - model kolorów, w którym współrzędne to:
  • Odcień - odcień koloru, może wahać się od 0° do 360°.
  • Nasycenie - nasycenie, waha się od 0-100 lub 0-1. Im większe jest to ustawienie, tym „czystszy” jest kolor, dlatego to ustawienie jest czasami określane jako czystość koloru. Im bliżej zeru jest ten parametr, tym kolor jest bliższy neutralnej szarości.
  • Wartość (wartość koloru) - ustawia jasność, wartość również może się wahać w zakresie 0-100 lub 0-1.

Wpisz kod koloru: IŚĆ

Lista kolorów z nazwami

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

Liczby szesnastkowe służą do określania kolorów. System szesnastkowy, w przeciwieństwie do systemu dziesiętnego, opiera się, jak sama nazwa wskazuje, na liczbie 16. Liczby te będą następujące: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Liczby od 10 do 15 zastępuje się literami łacińskimi. Liczby większe niż 15 w systemie szesnastkowym są tworzone przez połączenie dwóch liczb w jedną. Na przykład liczba 255 w systemie dziesiętnym odpowiada liczbie FF w systemie szesnastkowym. Aby uniknąć nieporozumień w definicji systemu liczbowego, liczbę szesnastkową poprzedza symbol skrótu #, na przykład #666999. Każdy z trzech kolorów – czerwony, zielony i niebieski – może przyjmować wartości od 00 do FF. W ten sposób oznaczenie koloru dzieli się na trzy składowe #rrggbb, gdzie pierwsze dwa znaki oznaczają składową czerwoną koloru, dwa środkowe oznaczają kolor zielony, a dwa ostatnie niebieski. Dozwolone jest użycie skrótu #rgb, gdzie każdy znak powinien być podwojony. Dlatego wpis #fe0 powinien być traktowany jako #ffee00.

wg nazwy

Przeglądarki obsługują niektóre kolory według nazwy. W tabeli. 1 pokazuje nazwy, kod szesnastkowy, wartości w formacie RGB, HSL oraz opis.

Z RGB

Możesz zdefiniować kolor, używając wartości czerwonego, zielonego i niebieskiego w ujęciu dziesiętnym. Każda z trzech składowych koloru przyjmuje wartość od 0 do 255. Dopuszczalne jest również ustawienie koloru w procentach, natomiast 100% będzie odpowiadać liczbie 255. Najpierw określa się słowo kluczowe rgb, a następnie składowe koloru określone w nawiasach, oddzielone przecinkami, na przykład rgb(255 , 128, 128) lub rgb(100%, 50%, 50%).

RGBA

Format RGBA jest podobny pod względem składni do RGB, ale zawiera kanał alfa, który ustawia przezroczystość elementu. Wartość 0 jest w pełni przezroczysta, 1 jest nieprzezroczysta, a wartość pośrednia, taka jak 0,5, jest przezroczysta.

Do CSS3 dodano RGBA, więc walidację kodu CSS należy przeprowadzać zgodnie z tą wersją. Należy zauważyć, że standard CSS3 jest wciąż w fazie rozwoju i niektóre jego funkcje mogą ulec zmianie. Na przykład kolor RGB dodany do właściwości background-color przechodzi walidację, ale kolor dodany do właściwości background nie przechodzi. Jednocześnie przeglądarki całkiem poprawnie rozumieją kolor obu właściwości.

HSL

Nazwa formatu HSL powstała z połączenia pierwszych liter Barwa (odcień), Nasycenie (nasycenie) i Jasność (jasność). Odcień jest wartością koloru na kole barw (rys. 1) i jest podawana w stopniach. 0° to kolor czerwony, 120° to zielony, a 240° to kolor niebieski. Wartość odcienia może wynosić od 0 do 359.

Ryż. 1. Koło kolorów

Nasycenie to intensywność koloru mierzona w procentach od 0% do 100%. Wartość 0% oznacza brak koloru i odcień szarości, 100% to maksymalna wartość nasycenia.

Jasność określa jasność koloru i jest określana jako wartość procentowa od 0% do 100%. Małe wartości przyciemniają kolor, wysokie rozjaśniają, skrajne wartości 0% i 100% odpowiadają czerni i bieli.

HSLA

Format HSLA jest podobny pod względem składni do HSL, ale zawiera kanał alfa, który ustawia przezroczystość elementu. Wartość 0 jest w pełni przezroczysta, 1 jest nieprzezroczysta, a wartość pośrednia, taka jak 0,5, jest przezroczysta.

Wartości kolorów w formatach RGBA, HSL i HSLA są dodawane do CSS3, więc korzystając z tych formatów, sprawdź poprawność kodu w stosunku do wersji.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Ostrzeżenie

Wszystkie wymienione na stronie metody połowu lwa są teoretyczne i oparte na metodach obliczeniowych. Autorzy nie gwarantują bezpieczeństwa podczas korzystania z nich i zrzekają się jakiejkolwiek odpowiedzialności za wynik. Pamiętaj, lew to drapieżnik i niebezpieczne zwierzę!

Wynik tego przykładu pokazano na ryc. 2.

Ryż. 2. Kolory na stronie internetowej

Kolory HTML są oznaczone sześcioma znakami po ukośniku — na przykład #000000. Te sześć znaków reprezentuje proporcje różnych kolorów (czerwonego, zielonego i niebieskiego) w ostatecznym kolorze. Obraz na monitorze komputera składa się z ogromnej liczby punktów zwanych pikselami. Każdy piksel to małe źródło światła, nazwijmy go „latarką”, która z kolei składa się z trzech latarek – czerwonej, zielonej i niebieskiej. Zmniejszając lub zwiększając intensywność blasku poszczególnych kolorowych lampionów uzyskujemy pożądany kolor.

kody kolorów html

Kolory w HTML są oznaczone notacją szesnastkową (HEX) dla kombinacji czerwonego, niebieskiego i zielonego (RGB).

Najmniejsza wartość koloru to 0 (szesnastkowo 00). Najwyższa wartość koloru to 255 (szesnastkowo FF).

Szesnastkowa wartość koloru to trzy cyfry zaczynające się od #.

Kody kolorów (wartości)

16 milionów odcieni

Połączenie czerwonego, niebieskiego i zielonego o wartościach od 0 do 255 dla każdego koloru daje ponad 16 milionów odcieni (256 x 256 x 256).

Większość nowoczesnych monitorów jest w stanie wyświetlić co najmniej 16 384 różnych odcieni (monitory LCD są na ogół zdolne do wyświetlania 262,16 milionów (aktualizacja: październik 2013) kolorów, podczas gdy monitory CRT mogą wyświetlać niemal nieograniczoną liczbę kolorów).

Poniższa tabela kolorów pokazuje zmianę proporcji czerwonego od 0 do 255 przy zerowych wartościach dla niebieskiego i zielonego:

odcienie szarego

Aby uzyskać odcienie szarości, stosuje się równe proporcje wszystkich kolorów. Aby ułatwić wybór pożądanego koloru, udostępniamy Państwu kody odcieni szarości.

Różne przeglądarki (dla wszystkich przeglądarek) nazwy kolorów html

Zbiór 150 nazw kolorów HTML obsługiwanych we wszystkich przeglądarkach.

Standaryzowane nazwy kolorów

W3C wymienia 16 prawidłowych nazw kolorów dla HTML i CSS: aqua (akwamaryn), czarny (czarny), niebieski (niebieski), fuksja (magenta), szary (szary), zielony (zielony), limonkowy (limonkowy lub jasnozielony), bordowy (kasztan), granatowy (ultramaryna), oliwkowy (oliwkowy), fioletowy (fioletowy), czerwony (czerwony), srebrny (srebrny), morski (szary), biały (biały) i żółty (żółty).

W przypadku używania kolorów, których nie ma na tej liście, bardziej poprawne będzie użycie ich kodu szesnastkowego (HEX) lub kodu RGB.

Bezpieczne kolory

Kilka lat temu, kiedy komputery mogły obsługiwać maksymalnie 256 różnych kolorów, zaproponowano listę 216 "Bezpiecznych kolorów internetowych", z 40 kolorami zarezerwowanymi dla systemu.

Ta 216-kolorowa paleta została stworzona w celu poprawnego wyświetlania kolorów w trybie 256-kolorowej palety.

Teraz to nie ma znaczenia, ponieważ większość komputerów na całym świecie obsługuje miliony odcieni kolorów. W każdym razie oto lista tych kolorów: