Znajdź swoją idealnąpaletę kolorów
Twórz harmonijne palety od razu, w oparciu o sprawdzone zasady teorii barw. Stworzone dla projektantów, programistów i twórców.
Wszystko, czego potrzebujesz
Zaawansowane narzędzia do pracy z kolorem w jednym przejrzystym, interaktywnym interfejsie.
Interaktywne koło kolorów
Przeciągaj punkty bezpośrednio na kole HSL, aby w czasie rzeczywistym odkrywać zależności między barwą a nasyceniem.
7 zasad harmonii
Dopełniająca, analogiczna, triadyczna, dopełniająca rozszczepiona, tetradyczna, kwadratowa, monochromatyczna.
Błyskawiczne kopiowanie
Kliknij dowolną próbkę, aby skopiować kod hex. Udostępniaj palety i używaj ich bezpośrednio w swoim kodzie.
Kontroler kontrastu
Sprawdź współczynniki dostępności WCAG AA / AAA między dowolnymi dwoma kolorami w palecie.
Wartości HSL i RGB
Każdy kolor pokazuje pełny rozkład HSL i RGB — bez ręcznych przeliczeń.
Wszystkie palety naraz
Porównaj wszystkie 7 schematów harmonii dla swojego koloru bazowego na czytelnej siatce na dole narzędzia.
Najczęściej zadawane pytania
Wszystko, co musisz wiedzieć o colorPaletteFinder
Czym jest paleta kolorów?
Paleta kolorów to starannie dobrany zestaw barw, które mają ze sobą harmonijnie współgrać. Projektanci używają palet, aby zachować spójność wizualną w interfejsach, identyfikacji wizualnej i grafice.
Jak działa harmonia kolorów?
Harmonia kolorów opiera się na zależnościach między barwami na kole kolorów. Zasady takie jak dopełnianie, analogia czy triada sprawiają, że zestawienia są przyjemne dla oka.
Czym różnią się kolory dopełniające od dopełniających rozszczepionych?
Schemat dopełniający wykorzystuje dwie przeciwległe barwy dla maksymalnego kontrastu. Schemat dopełniający rozszczepiony używa koloru bazowego oraz dwóch barw odchylonych o ±30° od bezpośredniego dopełnienia — jest łagodniejszy i mniej ostry.
Jak korzystać z colorPaletteFinder?
Otwórz narzędzie, wybierz kolor podstawowy za pomocą koła kolorów lub pola hex, a następnie wybierz zasadę harmonii. Narzędzie od razu wygeneruje dopasowaną paletę, którą skopiujesz jednym kliknięciem.
Czym jest kontrast WCAG i dlaczego ma znaczenie?
WCAG definiuje współczynniki kontrastu, które zapewniają czytelność tekstu dla wszystkich użytkowników, w tym osób z wadami wzroku. Współczynnik 4.5:1 spełnia poziom AA, a 7:1 — poziom AAA.
Czy mogę skopiować kody hex z wygenerowanej palety?
Tak — najedź na dowolną próbkę koloru w pasku palety i kliknij, aby od razu skopiować jej kod hex do schowka.