Selektor i konwerter kolorów

Modele kolorów

Model kolorów to system opisywania kolorów za pomocą liczb. Różne modele są używane w różnych kontekstach w zależności od tego, czy wyjściem jest ekran, drukarka czy specyfikacja projektowa.

RGB / RGBA

Format

RGB definiuje kolory poprzez mieszanie czerwonego, zielonego i niebieskiego światła. Każdy kanał ma zakres od 0 do 255. rgb(255, 0, 0) to czysty czerwony. rgb(255, 255, 255) to biały. Kanał A (alfa) dodaje przezroczystość, w zakresie od 0 (w pełni przezroczysty) do 1 (w pełni nieprzezroczysty). Na przykład rgba(255, 0, 0, 0.5) to półprzezroczysty czerwony. RGB jest natywnym modelem kolorów dla ekranów i wyświetlaczy cyfrowych.

Historia

Model RGB jest zakorzeniony w teorii widzenia trichromatycznego Younga-Helmholtza z XIX wieku. James Clerk Maxwell przeprowadził pierwsze eksperymenty z fotografią kolorową RGB w 1861 roku. RGB stał się standardem dla wyświetlaczy elektronicznych wraz z rozwojem kolorowych telewizorów CRT w latach 30. i 40. XX wieku i został później przyjęty dla monitorów komputerowych. Przestrzeń kolorów sRGB została formalnie przyjęta jako standard internetowy w HTML 3.2 w styczniu 1997 roku.

HEX / HEXA

Format

HEX to zwarta notacja wartości RGB przy użyciu systemu szesnastkowego. #FF0000 to to samo co rgb(255, 0, 0). Każda para cyfr szesnastkowych reprezentuje jeden kanał: #RRGGBB. Forma 8-cyfrowa #RRGGBBAA dodaje kanał alfa, gdzie 00 to w pełni przezroczysty, a FF to w pełni nieprzezroczysty. Na przykład #FF000080 to czerwony z 50% przezroczystością. Skrócone formy jak #F00 rozwijają się do #FF0000.

Historia

Notacja kolorów szesnastkowych powstała we wczesnych przeglądarkach internetowych w połowie lat 90. Pierwsze wersje Mosaic i Netscape Navigator odziedziczyły system nazw kolorów X11. CSS Level 1, opublikowany w grudniu 1996 roku przez Hakona Wium Lie i Berta Bosa, formalnie ustandaryzował tróje szesnastkowe jako podstawowy sposób określania kolorów w sieci.

HSL / HSLA

Format

HSL opisuje kolor jako odcień, nasycenie i jasność. Odcień to stopień na kole kolorów (0-360): 0 to czerwony, 120 to zielony, 240 to niebieski. Nasycenie (0-100%) kontroluje intensywność koloru. Jasność (0-100%) kontroluje jasność, gdzie 0% to czarny, a 100% to biały. HSL jest często bardziej intuicyjny niż RGB do wybierania kolorów, ponieważ można niezależnie regulować jasność i nasycenie.

Historia

HSL został po raz pierwszy opisany przez George'a H. Joblove'a i Donalda Greenberga w artykule z 1978 roku w Computer Graphics. Został stworzony, aby rozwiązać podstawowy problem z RGB: mieszanie wartości czerwonego, zielonego i niebieskiego jest nieintuicyjne dla ludzi. HSL przestawia przestrzeń kolorów RGB tak, aby artyści i projektanci mogli myśleć w kategoriach koloru (odcień), żywości (nasycenie) i jasności, co lepiej odpowiada temu, jak ludzie naturalnie opisują kolory.

HSV / HSB

Format

HSV (odcień, nasycenie, wartość) jest podobny do HSL, ale używa „wartości" (jasności) zamiast jasności. Przy 100% wartości w pełni nasycone kolory są czyste i jasne. HSV lepiej odpowiada temu, jak działają selektory kolorów: panel nasycenia/jasności reguluje S i V, podczas gdy suwak odcienia reguluje H.

Historia

HSV został opisany przez Alvy'ego Raya Smitha w sierpniu 1978 roku podczas pracy w laboratorium grafiki komputerowej New York Institute of Technology. Został opublikowany w tym samym wydaniu Computer Graphics co HSL. Smith zaprojektował HSV do użytku w jednym z pierwszych programów do malowania cyfrowego, gdzie artyści potrzebowali intuicyjnego sposobu wybierania kolorów na ekranie. Model cylindryczny HSV sprawił, że naturalnym było zaimplementowanie go jako selektora kolorów z suwakiem odcienia i panelem nasycenia/jasności.

CMYK

Format

CMYK (cyjan, magenta, żółty, klucz/czarny) jest używany w druku. Podczas gdy RGB jest addytywny (światło), CMYK jest subtraktywny (tusz). Każda wartość reprezentuje procent nałożonego tuszu. cmyk(0, 100, 100, 0) daje czerwony. Konwersja między RGB a CMYK jest przybliżona, ponieważ obejmują różne zakresy kolorów (gamuty).

Historia

Fundamenty CMYK sięgają Jacoba Christopha Le Blona, który wynalazł druk kolorowy półtonowy przy użyciu oddzielnych miedziorytów około 1710 roku. Początkowo używał płyt czerwonej, żółtej i niebieskiej, a później dodał czarną płytę dla ostrzejszych konturów i tekstu. Nowoczesny czterokolor CMYK został po raz pierwszy zastosowany w latach 90. XIX wieku do kolorowych ilustracji prasowych. Czarna płyta nazywana jest płytą „kluczową", ponieważ niesie drobne detale, do których pozostałe płyty są dopasowywane (kluczowane).

Formaty kolorów CSS

Nowoczesny CSS obsługuje kilka notacji kolorów:

• #FF5733 lub #ff5733 (HEX)
• rgb(255, 87, 51) lub rgba(255, 87, 51, 0.5)
• hsl(14, 100%, 60%) lub hsla(14, 100%, 60%, 0.5)
• Nazwane kolory: red, cornflowerblue, rebeccapurple (łącznie 148 nazwanych kolorów)