WAVESPEED AI PRÓBNIK KOLORÓW Działa w przeglądarce

100% DARMOWE

Próbnik kolorów onlineWybieraj, konwertuj, sprawdzaj i eksportuj kolory.

Wybierz kolor z koła, ekranu lub dowolnego obrazu i skopiuj go jako HEX, RGB, HSL, HSV, OKLCH lub CMYK.
Twórz harmonie i skale odcieni, sprawdzaj kontrast tekstu, zobacz kolory oczami osób z zaburzeniami widzenia barw i eksportuj kod gotowy do wklejenia.

Kolory z dowolnego obrazuWbudowane sprawdzanie kontrastuKod CSS, Tailwind, Swift i Android

Bez rejestracji Bez przesyłania Bez znaku wodnego

Wczytywanie próbnika kolorów…

Kolory i obrazy zostają na Twoim urządzeniu.

TRZY PROSTE KROKI

Jak korzystać z próbnika kolorów

Wybierz kolor

Przeciągnij po kole kolorów, wpisz lub wklej dowolny kod koloru, użyj pipety albo otwórz zdjęcie i kliknij piksel.

Dopracuj i skopiuj

Dostosuj kolor suwakami RGB, HSL, HSV, OKLCH lub CMYK i skopiuj potrzebną wartość jednym kliknięciem.

Twórz i eksportuj

Twórz harmonie lub skalę odcieni, sprawdź kontrast i widzenie barw, a potem skopiuj lub pobierz kod do projektu.

WARTO WIEDZIEĆ

Wskazówki dotyczące wyboru kolorów

Kilka nawyków, dzięki którym palety są łatwiejsze w użyciu i czytelniejsze.

Sprawdzaj kontrast tekstu wcześnie

Tekst główny wymaga co najmniej 4.5:1 względem tła dla WCAG AA, duży tekst 3:1. Narzędzie podpowiada najbliższy kolor, który przechodzi test.

Używaj OKLCH do równych skal

Jasność w OKLCH odpowiada temu, co widzi oko, więc skala zbudowana w OKLCH przechodzi równomiernie od jasnego do ciemnego bez mętnych środków.

Nie polegaj wyłącznie na kolorze

Czerwień i zieleń wielu osobom wydają się podobne. Sprawdź paletę na karcie zaburzeń widzenia barw i dodaj etykiety lub ikony tam, gdzie liczy się znaczenie.

Uśredniaj przy pobieraniu ze zdjęć

Zdjęcia z bliska są zaszumione. Próbka 3×3 lub 5×5 daje kolor, który widzisz, zamiast pojedynczego przypadkowego piksela.

Zacznij paletę od obrazu

Otwórz zdjęcie, które Ci się podoba, i wyodrębnij od 5 do 8 kolorów. K-średnie znajduje główne kolory; median cut zachowuje małe akcenty.

CMYK to tutaj szacunek

Kolory druku zależą od papieru i maszyny. Traktuj wartość CMYK jako punkt wyjścia i sprawdź ją z profilem swojej drukarni.

WaveSpeed AI

Zamień swoją paletę w obrazy

Generuj obrazy i filmy w kolorach swojej marki z promptu z WaveSpeed AI.

Zacznij tworzyć Odkryj ponad 1000 modeli AI

Ponad 1000 modeli AI
Obraz, wideo i 3D
Płać za użycie

$1 w darmowych kredytach dla kwalifikujących się nowych kont. Bez karty. Generatory mają osobne wymagania dotyczące konta i kredytów. próbnik kolorów jest darmowy.

Próbnik kolorów – FAQ

Jak pobrać kolor z obrazu?

Otwórz kartę Obraz, wybierz zdjęcie lub zrzut ekranu (albo je wklej), a potem kliknij lub stuknij dowolny piksel. Lupa pokazuje dokładnie, nad którym pikselem jesteś, a obszar od 3×3 do 11×11 możesz uśrednić. Obraz jest odczytywany w przeglądarce i zostaje na Twoim urządzeniu.

Czy mogę pobrać kolor z dowolnego miejsca na ekranie?

Tak, w przeglądarkach obsługujących pipetę (Chrome, Edge i inne przeglądarki oparte na Chromium na komputerach). Kliknij Pipeta, a potem dowolny piksel na ekranie, nawet poza oknem przeglądarki. W innych przeglądarkach zrób zrzut ekranu i wklej go na kartę Obraz.

Jak przekonwertować HEX na RGB?

Wpisz lub wklej kod HEX w pole koloru, a poniżej pojawi się wartość RGB gotowa do skopiowania. Aby przekonwertować wiele kolorów naraz, wklej je po jednym w wierszu na karcie Konwersja i wybierz format wyjściowy.

Jakie formaty kolorów są obsługiwane?

HEX (3, 4, 6 i 8 cyfr), RGB, HSL, HSV/HSB, HWB, OKLCH, OKLab i CMYK oraz wszystkie nazwy kolorów CSS. Możesz wklejać wartości z nazwą funkcji lub bez, np. „255, 87, 51”.

Czym jest OKLCH i po co go używać?

OKLCH opisuje kolor przez postrzeganą jasność, chromę (nasycenie barwy) i odcień. Równe kroki wyglądają równo, więc idealnie nadaje się do skal odcieni i spójnych palet, a nowoczesny CSS obsługuje go jako oklch().

Jak działa sprawdzanie kontrastu?

Oblicza współczynnik kontrastu WCAG 2 między tekstem a tłem i pokazuje, czy spełnia AA i AAA dla zwykłego i dużego tekstu oraz elementów interfejsu. Pokazuje też kontrast jasności APCA (Lc) z wersji roboczej WCAG 3 i proponuje najbliższy kolor, który przechodzi test.

Jak stworzyć paletę kolorów?

Wybierz kolor bazowy, a potem użyj Harmonii, by uzyskać schemat dopełniający, triadyczny i inne, albo Odcieni, by uzyskać rozjaśnienia, przyciemnienia i skalę 50–950. Możesz też wyodrębnić paletę ze zdjęcia. Zapisuj ulubione i eksportuj je jako kod.

Czy mogę eksportować kolory do Tailwind, SwiftUI lub Androida?

Tak. Karta Eksport zapisuje paletę jako zmienne CSS, SCSS, Tailwind v4 @theme lub konfigurację v3, SwiftUI, UIKit, Android colors.xml, Jetpack Compose, JSON, paletę GIMP lub zwykłą listę hex. Skopiuj ją lub pobierz plik.

Czy ten próbnik kolorów jest darmowy?

Tak. Jest darmowy, bez rejestracji, bez limitów i bez znaku wodnego, a wszystko działa w przeglądarce.

Wszystkie darmowe narzędzia