Znajdź najbliższy nazwany kolor CSS i najbliższy odcień Tailwind dla dowolnego koloru — dopasowane percepcyjnie, z wartościami gotowymi do kopiowania.

Twój kolor
#3B82F6
Najbliższy kolor CSS
Różnica:
Dokładne dopasowanie
Najbliższy odcień Tailwind
Różnica:
Dokładne dopasowanie

Wpisz lub wybierz dowolny kolor i natychmiast zobacze najbliższy nazwany kolor CSS i odcień Tailwind — dopasowane percepcyjnie w Twojej przeglądarce.


O Wyszukiwarka nazwanych kolorów

Wyszukiwarka nazw kolorów odpowiada na proste pytanie: jak nazywa się ten kolor? Wprowadź lub wybierz dowolny kolor, a natychmiast otrzymasz najbliższą nazwaną nazwę koloru CSS — ze standardowej listy rozumianej przez przeglądarki, jak „steelblue” czy „coral” — wraz z najbliższym odcieniem z palety Tailwind, takim jak „sky-600”.

Dopasowanie jest percepcyjne, a nie czysto liczbowe, więc sugerowane nazwy naprawdę wyglądają jak Twój kolor wejściowy, zamiast być jedynie bliskie w surowych wartościach RGB. Wskaźnik różnicy informuje, czy dopasowanie jest dokładne, bardzo bliskie czy jedynie przybliżone, dzięki czemu wiesz, ile dokładności poświęcasz na rzecz zapamiętywalnej nazwy.

Wyszukiwanie działa w całości w Twojej przeglądarce, z przyciskami kopiowania przy każdym wyniku. To przydatne przy pisaniu bardziej czytelnego CSS, dopasowywaniu dowolnych kolorów marki do skali Tailwind lub po prostu, by dowiedzieć się, jak nazywałby się kolor, który wybrałeś ze zdjęcia.

Jak korzystać z Wyszukiwarka nazwanych kolorów

  1. Wpisz wartość koloru lub wybierz ją selektorem; kliknij „Losowy”, aby eksplorować.
  2. Odczytaj najbliższą nazwaną nazwę koloru CSS oraz najbliższy odcień Tailwind, pokazane obok Twojej wartości wejściowej.
  3. Sprawdź wskaźnik różnicy, aby zobaczyć, jak bliskie jest każde dopasowanie.
  4. Kliknij „Kopiuj” przy wartości, której chcesz użyć.

Najczęściej zadawane pytania

Tak. Dopasowanie jest obliczane lokalnie w Twojej przeglądarce na podstawie dołączonych list kolorów, więc wyszukiwania są darmowe, natychmiastowe i nieograniczone.

CSS definiuje około 148 nazwanych kolorów (147 unikalnych wartości, ponieważ niektóre są aliasami jak gray/grey), od podstawowych jak „red” po rzadko spotykane jak „papayawhip”. Każda przeglądarka je rozumie, a to narzędzie znajduje ten najbliższy dowolnemu wprowadzonemu kolorowi.

Narzędzie używa percepcyjnej metryki odległości kolorów zamiast prostego porównania RGB, więc sugerowana nazwa odzwierciedla to, jak podobne kolory faktycznie wyglądają dla ludzkiego oka — co jest szczególnie ważne dla stonowanych tonów i prawie-szarości.

Najbliższy odcień z domyślnej palety kolorów Tailwind, nazwany w znajomym formacie odcień-plus-numer, np. „emerald-500”. Jest to przydatne do dopasowywania dowolnych kolorów projektu do skali Tailwind, aby Twoje klasy narzędziowe pozostały spójne.

Twój kolor wejściowy jest identyczny z nazwaną nazwą koloru — możesz zastąpić nazwę wartością HEX bez żadnej zmiany wizualnej. Niższe stopnie („Bardzo blisko”, „Blisko”, „Przybliżone”) wskazują rosnącą, choć często niedostrzegalną, różnicę.


Popularne wyszukiwania
wyszukiwarka nazw kolorów najbliższa nazwa koloru css znajdź nazwę koloru najbliższy kolor tailwind hex na nazwę koloru rozpoznaj nazwę koloru
Potrzebujesz pomocy?
Masz problem z tym narzędziem? Daj nam znać.
Zgłoś problem

Dodaj to darmowe narzędzie do swojej witryny — skopiuj i wklej poniższy kod.