Czy cokolwiek trafia na serwer

Nie. Próbnik, kreator gradientów i zakraplacz działają w twojej przeglądarce, a historia leży w pamięci lokalnej twojego urządzenia.

Jakie formaty mogę skopiować

HEX, RGB i RGBA, HSL, HSV, CMYK, XYZ, LAB i LCH, a do tego gotową deklarację CSS zarówno dla kolorów, jak i gradientów.

Dlaczego nie ma zakraplacza ekranowego

Opiera się na przeglądarkowym API EyeDropper, którego nie ma wszędzie. Gdy go brakuje, wgraj obraz i pobierz kolor z niego.

Jak wybierane są kolory na czasie

Z zaobserwowanego użycia, nie z prognozy: które kolory są wybierane i jak często w ciągu roku.

Czy mogę używać ich komercyjnie

Tak. Wartość koloru nie należy do nikogo, więc wszystko, co tu skopiujesz, może iść prosto do twojej pracy.

Wybierz kolor, weź kod i wracaj do pracy

Próbnik kolorów, kreator gradientów i zakraplacz obrazów na jednej stronie. Bez konta, bez instalacji, bez czekania: wybierz odcień i skopiuj go jako HEX, RGB, HSL lub HSV.

Otwórz stronę koloru

Kody kolorów

HEX#0F37FF

RGBrgb(15, 55, 255)

HSLhsl(230°, 100%, 52.94%)

HSVhsv(230°, 94.12%, 100%)

CMYKcmyk(94.12%, 78.43%, 0%, 0%)

XYZxyz(19.61, 10.05, 95.5)

LABlab(37.93, 62.96, -98.45)

LCHlch(37.93, 116.86, 302.6°)

Kolory na czasie

Zobacz wszystkie kolory na czasie

Co znajdziesz w środku

Zakraplacz

Pobieraj kolory z wgranego obrazu albo z dowolnego miejsca na ekranie, jeśli przeglądarka na to pozwala. Upuść plik na stronę i kliknij piksel.

Konwersja formatów

Przełączaj się natychmiast między HEX, RGB, HSL, HSV, CMYK, XYZ, LAB i LCH i kopiuj każdą wartość prosto do CSS albo do programu graficznego.

Kreator gradientów

Dodawaj i przeciągaj punkty na pasku, przełączaj liniowy i promienisty, ustaw kąt i krycie, a potem skopiuj gotowy CSS.

Historia kolorów

Każdy kolor i gradient zostaje w twojej przeglądarce, żebyś mógł do niego wrócić albo użyć go w innym projekcie.

Harmonie i warianty

Każda strona koloru pokazuje rozjaśnienia, przyciemnienia i sześć schematów harmonii, a każdy z nich zamienia w gradient jednym kliknięciem.

Darmowe i prywatne

Żadnej opłaty i żadnego śledzenia tego, co wybierasz. Wgrane obrazy są czytane w przeglądarce i nigdzie nie trafiają.

Dla kogo to jest

Projektanci i zespoły produktowe: Przy szkicowaniu interfejsu lub palety marki, sprawdzaniu zestawień i kopiowaniu dokładnego CSS gradientu.
Ilustracja i malarstwo: Do pobierania kolorów ze zdjęć i obrazów zakraplaczem oraz planowania miękkich przejść.
Front-end: Do tworzenia spójnych wartości kolorów w projekcie i odczytywania ich z gotowego designu.
Sprawdzanie dostępności: Do porównywania koloru w różnych modelach i poprawiania go, aż kontrast przekroczy wymagany próg.

Jak tego używać

1
Wybierz kolor
Kliknij w dowolnym miejscu pola nasycenia, a potem dopracuj suwakami odcienia i krycia. HEX, RGB i HSV aktualizują się na bieżąco.
2
Pobierz z obrazu
Przeciągnij obraz na stronę albo wybierz plik, a potem kliknij żądany piksel. Kody pojawią się od razu.
3
Zbuduj gradient
Kliknij pasek, aby dodać punkt, i przeciągnij go na miejsce. Przełącz liniowy lub promienisty i ustaw kąt.
4
Skopiuj i użyj
Skopiuj wartość albo całą deklarację CSS. Wszystko, co wybierzesz, zapisuje się w historii automatycznie.

Częste pytania

Małe narzędzie, które nie wchodzi w drogę

Zaczęło się jako narzędzie na własny użytek: chcieliśmy złapać kolor, poprawić go i iść dalej, bez otwierania ciężkiego programu graficznego. To celowo jedna strona, celowo szybka, i pozostanie darmowa.

Rozszerzenia przeglądarki

Wolisz pobierać kolory prosto ze stron, które odwiedzasz? Rozszerzenia do Chrome i Edge dodają zakraplacz na pasku, prowadzą własną historię i otwierają to narzędzie jednym kliknięciem.

Otwórz Chrome Web Store Otwórz dodatki Microsoft Edge