Online Tool Store
Nazywanie Palety Kolorów
Wklej kolory i otrzymaj dla każdego nazwę, najbliższy kolor CSS, ostrzeżenia o niemal duplikatach i kontrast WCAG — eksport jako CSS lub JSON.
🔒 To narzędzie działa w całości w Twojej przeglądarce. Twoje pliki nigdy nie są wysyłane na serwer.
Narzędzie przeglądarki
Nazywanie Palety Kolorów
Jak to działa
- Wklej swoje kolory — hex, rgb() lub nazwy kolorów CSS, jeden na linię lub oddzielone przecinkami.
- Każdy otrzymuje nazwę: dokładną nazwę koloru CSS przy bliskim dopasowaniu, w przeciwnym razie wygenerowany opis, np. „Intensywny Ciemny Niebieski”.
- Sprawdź ostrzeżenia o niemal identycznych kolorach oraz wartości kontrastu, jeśli użyjesz koloru jako tekstu lub tła.
- Wyeksportuj całą paletę jako niestandardowe właściwości CSS lub JSON.
FAQ
Czy moje dane są gdzieś wysyłane?
Nie. Color Palette Namer działa całkowicie w Twojej przeglądarce — nic nie jest wysyłane na serwer.
Skąd pochodzą nazwy?
Z dwóch źródeł. Jeśli kolor jest bardzo bliski jednemu ze 148 standardowych słów kluczowych kolorów CSS (jak „forestgreen” lub „royalblue” — zweryfikowanych względem specyfikacji CSS/SVG), używana jest ta dokładna nazwa. W przeciwnym razie generowana jest opisowa nazwa na podstawie odcienia, jasności i nasycenia, jak „Intensywny Ciemny Niebieski” — nigdy zmyślona, niemożliwa do zweryfikowania nazwa.
Co liczy się jako kolor „niemal duplikat”?
Dwa kolory na tyle bliskie w przestrzeni percepcyjnej (mierzonej w CIE Lab, nie surowym RGB), że wyglądają niemal identycznie obok siebie — częsty problem do wychwycenia przed opublikowaniem palety z dwoma nieodróżnialnymi próbkami.
Co oznaczają wartości kontrastu?
Współczynnik kontrastu WCAG 2 danego koloru względem czystej bieli i czerni, od 1:1 (brak kontrastu) do 21:1 (czerń na bieli). AA wymaga 4,5:1 dla normalnego tekstu lub 3:1 dla dużego tekstu; AAA wymaga 7:1 — przydatne do sprawdzenia, czy kolor jest bezpieczny jako tekst lub tło.
Czy mogę wprowadzić więcej niż jeden kolor naraz?
Tak — jeden na linię lub oddzielone przecinkami. Akceptowane są kody hex, rgb()/rgba() oraz nazwy kolorów CSS.
Jak dokładny jest wynik?
148 dokładnych nazw kolorów CSS jest zweryfikowanych względem specyfikacji CSS Color Module / SVG. Odległości między kolorami wykorzystują standardową konwersję sRGB na Lab, sprawdzoną względem opublikowanych wartości referencyjnych. Nazwy opisowe to schemat oparty na wyraźnych przedziałach odcienia/jasności/nasycenia, a nie zgadywanie.
Czy mogę używać nazw do tokenów projektowych lub przewodnika stylu?
Tak — dokładnie do tego jest zbudowany: zamiana palety kodów hex na czytelne dla człowieka nazwy, których możesz użyć w nazwach tokenów, dokumentacji lub przewodniku stylu zamiast surowych wartości hex.
Jak wypadamy w porównaniu
| Funkcja | Online Tool Store | Wyszukiwarka hex Theme & Color | Płatne oprogramowanie do projektowania |
|---|---|---|---|
| Nazywa całą paletę naraz, a nie jeden kolor na raz | ✓ | ✗ | ✓ |
| Wykrywa niemal duplikaty kolorów w tej samej palecie | ✓ | Nie dotyczy — tylko jeden kolor | ✗ |
| Kontrast WCAG względem bieli i czerni pokazany od razu | ✓ | ✗ | Zwykle osobne narzędzie |
| Dokładne dopasowanie używa zweryfikowanej standardowej nazwy koloru CSS | ✓ | ✓ | Nazewnictwo specyficzne dla marki |
| Darmowe, bez rejestracji | ✓ | ✓ | Często oparte na subskrypcji |
Wyszukiwarki nazw pojedynczych kolorów są zbudowane do sprawdzania jednej próbki naraz. To narzędzie jest zbudowane do przeglądu całej palety — sprawdzanie niemal duplikatów i kontrastu to dokładnie to, co wyłapuje problemy przed opublikowaniem palety.