Generator Odcieni i Cieni
Automatycznie generuj jaśniejsze odcienie i ciemniejsze cienie dowolnego koloru z jego kodem HEX.
Jak generować odcienie i cienie koloru
Wybierz kolor podstawowy
Wybierz kolor wyjściowy za pomocą selektora wizualnego lub wpisz jego kod HEX.
Sprawdź odcienia i cienie
Automatycznie zobaczysz 5 jaśniejszych odcieni (tinte) i 5 ciemniejszych (cienie) wygenerowanych z Twojego koloru.
Skopiuj potrzebny kod HEX
Kliknij na dowolny swatch, aby skopiować jego kod HEX do schowka.
Najczęstsze pytania o generator tonów i cieni
Posiadanie jaśniejszych i ciemniejszych wariantów koloru jest niezbędne do stworzenia spójnej palety projektowej (na przykład dla stanów hover, teł lub obramowań). To narzędzie oblicza je automatycznie.
Jaka jest różnica między tonem (tint) a cieniem (shade)?
+
Odcień uzyskuje się przez wymieszanie koloru z bielą (rozjaśnieniem), a cień przez wymieszanie go z czernią (przyciemnieniem).
Ile wariantów generuje?
+
Generuje 5 jaśniejszych odcieni i 5 ciemniejszych cieni na podstawie koloru bazowego, razem 10 wariantów.
Czy mogę skopiować kody?
+
Tak, kliknij na dowolny kolor z listy, aby skopiować jego kod HEX.
Czy nadaje się do tworzenia palety projektów w stylu Tailwind?
+
Tak, to dokładnie ta sama koncepcja, co skale kolorów 50-900 używane przez wiele systemów projektowych.
Czy to jest darmowe?
+
Tak, to narzędzie jest całkowicie bezpłatne.
Czy mój kolor jest przesyłany na jakiś serwer?
+
Nie, wszystkie obliczenia są wykonywane bezpośrednio w Twojej przeglądarce.
Kolory
Konwerter kolorów (HEX, RGB, HSL, CMYK)
Konwertuj dowolny kolor między HEX, RGB, HSL i CMYK natychmiast, z podglądem na żywo i najbliższą nazwą koloru.
Generator palet kolorów
Twórz harmonijna palety 5 kolorów (komplementarne, analogiczne, triadyczne lub monochromatyczne) na podstawie koloru podstawowego.
Generator gradientów CSS
Twórz gradienty liniowe lub radialne z maksymalnie 4 kolorami i kopiuj gotowy kod CSS.
Sprawdzanie kontrastu WCAG
Sprawdź, czy kombinacja kolorów tekstu i tła spełnia poziomy dostępności AA i AAA.
Losowy kolor
Wygeneruj losowy kolor jednym kliknięciem i odkryj jego nazwę, kod HEX/RGB/HSL oraz podobne kolory.
Selektor koloru (pipeta)
Wybierz dowolny kolor z ekranu za pomocą narzędzia pipety przeglądarki lub użyj klasycznego selektora.
Symulator ślepoty barw
Prześlij obraz i sprawdź, jak widzieliby go ludzie z protanopią, deuteranopią lub tritanopią.
Generator Gradientów Mesh
Twórz tła z gradientami mesh (rozmyte plamki kolorów) i pobieraj je jako PNG lub kopiuj kod CSS.
Mikser Kolorów
Mieszaj dwa kolory i odkryj kolory pośrednie krok po kroku wraz z ich kodem HEX.
Koło Barw (Harmonie)
Wybierz kolor na kole i odkryj jego harmonijne kombinacje: kolory dopełniające, analogiczne, triadyczne i wiele więcej.
Ekstraktor Palety z Obrazu
Prześlij obraz i automatycznie ekstrahuj jego dominujące kolory w paletę z kodem HEX każdego z nich.
Średni Kolor Obrazu
Prześlij obraz i natychmiast oblicz jego średni kolor z kodem HEX, RGB i HSL.
Odkryj kolory według rodziny
Ponad 469 kolorów o nazwach z ich kodami HEX, RGB, HSL i CMYK, zorganizowanych w 12 rodzinach tonów.
