Color Studio

Twórz harmonijne palety kolorów za pomocą interaktywnego koła barw — stosuj reguły harmonii, takie jak analogiczne, komplementarne lub triada, i kopiuj dowolną wartość natychmiast.

Mieszaj kolor startowy z końcowym przez maksymalnie 10 kroków — podglądaj gradient, chwytaj każdy odcień i kopiuj dowolny format natychmiast.

Generuj pełen zakres tintów i cieni z jednego koloru — wybierz krok ciemnienia/rozjaśniania i liczbę odcieni, a następnie kopiuj dowolną wartość natychmiast.

Wyodrębnij dopracowaną, gotową do kopiowania paletę kolorów z dowolnego obrazu.

Konwertuj kolory między HEX, RGB, RGBA, HSL, HSLA i HSV — wybierz kolor, dostosuj przezroczystość i kopiuj dowolny format natychmiast.

Znajdź najbliższy nazwany kolor CSS i najbliższy odcień Tailwind dla dowolnego koloru — dopasowane percepcyjnie, z wartościami gotowymi do kopiowania.

Próbkuj dowolny piksel na ekranie za pomocą kroplomierza, lub wybierz kolory z upuszczonego obrazu, i zbierz je w gotową do kopiowania paletę.

Wyodrębnij piękny gradient z dowolnego zdjęcia — upuść obraz, wybierz nastrój, a dominujące kolory staną się przeciągalnymi przystankami gradientu. Kopiuj gotowy CSS natychmiast.

Twórz liniowe, radialne i stożkowe gradienty CSS od podstaw z przeciągalną kontrolą wielu przystanków i wyselekcjonowanymi presetami. Kopiuj gotowy CSS natychmiast.

Wklej lub zaimportuj zestaw kolorów i eksportuj je natychmiast do zmiennych CSS, SCSS, konfiguracji Tailwind, JSON lub próbek SVG — ostatni krok dla każdej palety.

Sprawdź współczynnik kontrastu WCAG między kolorem tekstu a tłem — zobacz oceny pass/fail AA/AAA dla tekstu normalnego, dużego i elementów UI, z podglądem na żywo i sugestiami dostępnych kolorów.

Zobacz swój obraz lub paletę tak, jak widzą je osoby z protanopią, deuteranopią, tritanopią lub achromatopsją — działa całkowicie w Twojej przeglądarce, nic nie jest przesyłane.