Generator Odcieni Koloru

To trzy klasyczne sposoby zmiany koloru przy zachowaniu rozpoznawalności jego odcienia. Cień miesza kolor z czernią, czyniąc go ciemniejszym. Odcień miesza go z bielą, czyniąc go jaśniejszym i miększym. Ton miesza go z szarością, wyciszając go bez pchania go w kierunku czystej czerni czy bieli. To narzędzie generuje wszystkie trzy jako pasek 11-krokowy, od oryginalnego koloru do 0%.

Każdy krok miesza kanały czerwony, zielony, i niebieski twojego koloru w kierunku celu (czarny, biały, lub szary) o stały procent, to samo proste podejście interpolacji liniowej używane przez większość narzędzi referencji kolorów, zamiast dostosowywania jasności w HSL. To utrzymuje progresję wizualnie równą i odpowiada temu, co uzyskałbyś mieszając farbę lub atrament w kierunku czerni, bieli, lub szarości.

Dopełniający obraca tylko odcień o 180° wokół koła kolorów, zachowując to samo nasycenie i jasność, więc żywa czerwień staje się równie żywym cyjanem, to "przeciwny kolor" używany w teorii kolorów i projektowaniu. Odwrócony zamiast tego odwraca każdą wartość czerwoną, zieloną, i niebieską (255 minus oryginał), co też zmienia jasność, biały staje się czarnym pod inwersją, ale pozostaje biały pod operacją dopełniającą, ponieważ nie ma odcienia do obrócenia.

Triadowy wybiera dwa kolejne kolory równo rozstawione o 120° na kole kolorów, dając trzy kolory z silnym kontrastem, które nadal czują się zrównoważone razem. Analogiczny wybiera kolory 30° po każdej stronie twojego odcienia, kolory, które siedzą obok siebie na kole i naturalnie wyglądają harmonijnie. Monochromatyczny zachowuje dokładny odcień i nasycenie twojego koloru, ale zmienia tylko jasność, dając zestaw kolorów gwarantowanych do dopasowania, ponieważ są tak naprawdę tym samym kolorem na różnych poziomach jasności.

216 kolorów web-safe to paleta, która renderowała się identycznie na starych ekranach 256-kolorowych, każdy kanał czerwony, zielony, i niebieski ograniczony do jednej z sześciu wartości (0, 51, 102, 153, 204, 255). Nowoczesne ekrany nie potrzebują tego ograniczenia, ale odpowiednik web-safe nadal jest przydatny jako odniesienie do stylizacji retro lub bardzo ograniczonego wyjścia kolorystycznego.

HSL, HSV, i CMYK wszystkie opisują ten sam kolor za pomocą różnych modeli zbudowanych do różnych celów. HSL i HSV oba opisują odcień, a różnica między "wartością" HSV a "jasnością" HSL oznacza, że ten sam kolor może zgłaszać inny procent nasycenia między nimi. CMYK opisuje, ile cyjanu, magenty, żółtego, i czarnego atramentu zmieszałaby drukarka, co podąża za regułami koloru subtraktywnego zamiast addytywnych reguł światła czerwonego, zielonego, i niebieskiego, których używają RGB i HSL/HSV, więc to nie jest prosta bezpośrednia konwersja.

Tak. Kliknij dowolny kod hex w rzędzie Wartości Koloru, w dowolnej próbce cienia, odcienia, tonu, lub schematu kolorów, aby skopiować go do schowka. Sekcja Kodu CSS na dole ma gotowe reguły background-color, color, border-color, i box-shadow z własnymi przyciskami kopiowania.