Profesjonalne narzędzia kolorów

Konwertuj, generuj, waliduj, eksportuj — każde zadanie związane z kolorami w przepływie pracy projektowej ma tutaj swoje narzędzie. Darmowe, bez reklam.

Studio palet AIPopularneOpisz scenę lub nastrój w jednym zdaniu — otrzymaj paletę z pięcioma rolami z uzasadnieniem.Wyszukiwanie kolorów AIPopularneOpisz nastrój, scenę lub obraz w jednym zdaniu — AI zwróci 3 najlepiej dopasowane kolory wraz z najbliższymi nazwanymi i tradycyjnymi odpowiednikami.Harmonizator OKLCHNowySześć postrzegowo jednolitych harmonii z możliwością precyzyjnego dostrajania L/C/H dla każdej próbki i kontrastem na żywo.a9d8fNadawca nazw kolorów wsadowychNowyWklej zestaw wartości HEX i natychmiast nadaj nazwę każdemu kolorowi spośród 32 258 nazwanych kolorów oraz 659 chińskich kolorów tradycyjnych – z gotowymi do skopiowania nazwami zmiennych CSS.Lc 75Lc 75Kompozytor kontrastu APCANowyapcach = APCA + OKLCH. Na podstawie docelowego kontrastu, chromatyczności i odcienia oblicz dokładny kolor, który go spełnia — najpierw ustaw „jak dużo kontrastu”, a następnie uzyskaj kolor.Mieszacz kolorówNowyPercepcyjnie jednolite mieszanie OKLab między dwoma kolorami – brak strefy martwej szarości, 3–15 kroków, gradient CSS jednym kliknięciem.Generator odcieniNowyDowolny kolor na skalę systemu projektowego z 11 krokami, perceptualnie równomierną w OKLCH, kontrast WCAG na każdym kroku, eksport do Tailwind/CSS/SCSS/JSON.AaAaAaSiatka kontrastuNowyUmieść całą swoją paletę w tabeli audytu N×N — współczynniki WCAG i wartości APCA Lc dla każdej pary pierwszy plan × tło, sprawdzone na pierwszy rzut oka.Edytor OKLCHNowyDostrajaj L / C / H w postrzegowo jednolitej przestrzeni OKLCH z podglądem na żywo i wynikami w formacie oklch() / HEX / RGB.Paleta semantycznego interfejsu użytkownikaNowyPodaj jeden kolor marki, a otrzymasz primary / secondary / success / warning / danger — eksportowane jako konfiguracja Tailwind i zmienne CSS.3D przestrzeń kolorów RGBNowy216 kolorów bezpiecznych dla sieci ułożonych jako kostka 3D. Przeciągnij, aby obrócić i zobaczyć strukturę przestrzeni kolorów; kliknij dowolny punkt, aby uzyskać jego pełny profil.Dopasowanie do standardówNowyWpisz kod RAL, Pantone lub NCS — lub dowolny HEX — i dopasuj go we wszystkich 10 systemach standardowych z CIEDE2000 ΔE.Wizualizator paletNowyUpuść paletę 5 kolorów w makiety dashboardu, landing page'u i mobilne — role są przypisywane automatycznie.Tablica paletSpacja do losowania, blokowanie, przeciąganie do zmiany kolejności, udostępnianie przez URL — wszystko, co powinna robić tablica palet.Koło kolorówNowyPrzeciągnij koło, aby wybrać bazę, otrzymaj na żywo sześć schematów harmonii, otwórz w tablicy lub eksportuj PNG.Generator paletWygeneruj 6 schematów harmonii z koła kolorów jednym kliknięciem.Ekstraktor kolorów z obrazuPrześlij obraz i wyodrębnij dominujące kolory za pomocą klasteryzacji K-means++ — przetwarzanie lokalne.Kreator gradientówPercepcyjnie jednolite gradienty OKLCH, bez szarych pasm, eksport CSS jednym kliknięciem.Konwerter kolorówWpisz dowolny format (HEX / RGB / HSL / nazwa) i konwertuj na wszystkie przestrzenie kolorów w czasie rzeczywistym.AaAaKontroler kontrastuWalidacja kontrastu WCAG 2.1 między dowolnym kolorem pierwszoplanowym a tła.Symulator daltonizmuSymuluj 8 typów niedoboru widzenia kolorów, aby audytować dostępność.Test widzenia kolorówNowyTest w układzie 15 punktów w stylu D-15 — określ swoją dyskryminację czerwono-zieloną / niebiesko-żółtą w ciągu dwóch minut.Edytor HCTNowyOficjalna przestrzeń kolorów Google za Material 3: postrzegowo jednolite edycja Odcień / Chromatyczność / Ton z 13-stopniową paletą tonalną i wyprowadzaniem ról Material 3 — dostrajaj kolor marki i buduj motyw w jednym kroku.Kompas kolorówWybierz dowolny kolor z przestrzeni 24-bitowej, podglądaj go i otwórz jego pełny profil.