Próbnik i konwerter kolorów
Wybierz kolor, wklej kod lub kliknij obraz, aby zobaczyć kolor we wszystkich formatach, z pasującymi paletami i sprawdzeniem kontrastu tekstu.
- Wybierz kolor, kod lub obraz
- Zobacz go w HEX, RGB, HSL, HSV i CMYK
- Kopiuj kody i palety lub sprawdź kontrast
Twoje pliki nigdy nie opuszczają urządzenia
Formaty kolorów
- HEX: sześcioznakowy kod używany w projektowaniu stron i CSS (#14183d).
- RGB: wartości czerwieni, zieleni i błękitu od 0 do 255 dla ekranów.
- HSL i HSV: odcień, nasycenie i jasność lub wartość — łatwe do ręcznej regulacji.
- CMYK: procenty cyjanu, magenty, żółci i czerni używane w druku.
Tworzenie palety
- Kolory dopełniające leżą naprzeciw siebie i dają silny kontrast.
- Kolory analogiczne sąsiadują ze sobą i wyglądają spokojnie i harmonijnie.
- Triada to kolory rozmieszczone równomiernie, dające zrównoważony, żywy efekt.
- Kliknij próbkę, aby ustawić ją jako bieżący kolor i skopiować jej kody.
Czytelny tekst (WCAG)
Wybierz kolor tekstu i tła, a narzędzie obliczy współczynnik kontrastu. Celuj w co najmniej 4,5:1 dla tekstu podstawowego i 3:1 dla dużych nagłówków (poziom AA); 7:1 spełnia surowszy poziom AAA.
Najczęstsze pytania
Jakie kody kolorów mogę wpisać?
HEX (#1e90ff lub 1e90ff), rgb(), hsl(), hsv(), cmyk() oraz nazwy kolorów CSS, np. navy czy tomato.
Jak pobrać kolor ze zdjęcia lub logo?
Otwórz obraz w sekcji „Pobierz z obrazu” i kliknij dowolny punkt. Obraz pozostaje na Twoim urządzeniu.
Czy wartość CMYK jest dokładna do druku?
To standardowe przeliczenie matematyczne. Rzeczywiste kolory druku zależą od profilu kolorów drukarki, więc ważne zlecenia sprawdź z drukarnią.
Czym jest współczynnik kontrastu?
Mierzy czytelność tekstu na tle. WCAG wymaga co najmniej 4,5:1 dla zwykłego tekstu i 3:1 dla dużego (poziom AA).
Jak powstają palety?
Przez obracanie odcienia na kole barw: dopełniająca (180°), analogiczna (±30°) i triada (120°), plus jaśniejsze i ciemniejsze odcienie.
Czy mogę pobrać kolor z dowolnego miejsca ekranu?
Tak, w obsługujących to przeglądarkach (np. Chrome i Edge na komputerze) pojawia się przycisk „Pobierz z ekranu”.