Ten próbnik kolorów zaczyna od wizualnej próbki, a dokładne liczby trzyma tuż obok. Możesz wkleić wartość hex CSS, na przykład #3366cc, dopracować kanały czerwony, zielony, niebieski i alpha albo ustawić hue, saturation i lightness do pracy nad design systemem. Wartości kolorów nie są przesyłane - konwersje odbywają się lokalnie w JavaScript.
Darmowy próbnik kolorów
Działa w całości w przeglądarce - bez wysyłania plików i bez rejestracji.
Wybrany#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Czym jest próbnik kolorów?
Próbnik kolorów to narzędzie do wybierania dokładnego koloru cyfrowego i kopiowania jego wartości do projektu lub kodu. Użyj próbki, pola HEX, suwaków RGB albo kontrolek HSL, a potem od razu skopiuj wartości HEX, RGB, HSL, HSV lub CMYK. Wszystko działa w przeglądarce.
Jak korzystać
- 1Wybierz lub wklej kolor. Kliknij dużą próbkę, aby otworzyć próbnik kolorów przeglądarki, albo wklej do pola HEX wartość hex z 3, 4, 6 lub 8 cyfr.
- 2Dostosuj kanały. Użyj suwaków RGB dla czerwonego, zielonego, niebieskiego i alpha albo edytuj hue, saturation i lightness, gdy potrzebujesz wygodniejszej kontroli projektowej.
- 3Skopiuj potrzebny format. Skopiuj HEX, HEX8, RGB, HSL, HSV lub CMYK jednym kliknięciem. Podgląd i wszystkie wyniki aktualizują się na żywo.
Dla kogo
- Front-end developerzy kopiują wartości HEX, RGB i HSL gotowe do CSS podczas budowania interfejsów.
- Projektanci dostrajają kolor marki po kanałach, zamiast zgadywać w aplikacji graficznej.
- Zespoły marketingu dopasowują kolory kampanii w kreatorach e-maili, dokumentach i materiałach do social mediów.
- Uczniowie, studenci i twórcy uczą się, jak RGB, HSL, HSV i CMYK opisują ten sam kolor.
Najczęstsze pytania
Czy ten próbnik kolorów jest darmowy?
Tak. Próbnik kolorów jest darmowy, nie wymaga rejestracji i nie ma limitu użycia. Otwórz stronę, wybierz kolor i skopiuj potrzebny format.
Czy moje kolory są gdzieś przesyłane?
Nie. Próbnik i konwersje działają w przeglądarce przy użyciu zwykłego JavaScript. Wybrane kolory nie trafiają na serwer.
Jakie formaty kolorów mogę skopiować?
Możesz skopiować HEX, 8-cyfrowy HEX z alpha, RGB lub RGBA, HSL lub HSLA, HSV i CMYK. Narzędzie synchronizuje je podczas edycji.
Czy mogę wkleić kolor hex?
Tak. Wklej 3-cyfrowe, 4-cyfrowe, 6-cyfrowe lub 8-cyfrowe wartości hex CSS, z symbolem # albo bez niego. Skrócone wartości zostaną rozwinięte zgodnie ze zwykłymi regułami CSS.
Co to jest HEX8?
HEX8 to 8-cyfrowy kolor hex, w którym ostatnia para zapisuje alpha. Na przykład #3366cc80 to ten sam niebieski z około 50% krycia.
W CSS lepiej używać RGB czy HSL?
Użyj RGB, gdy potrzebujesz dokładnych wartości kanałów albo alpha przez rgba(). Użyj HSL, gdy chcesz tworzyć jaśniejsze, ciemniejsze lub powiązane stany UI przez zmianę saturation i lightness.