Konwerter kolorów
Konwertuj między HEX, RGB, HSL
Jak używać Konwerter kolorów
Konwertuj między HEX, RGB, HSL Darmowe narzędzie online, bez rejestracji, bez nachalnych reklam. Użyj teraz.
Kiedy trzeba konwertować kody kolorów?
Kolor w projektowaniu cyfrowym istnieje w kilku formatach, z których każdy jest odpowiedni dla różnych kontekstów. Deweloperzy webowi, frontend-owcy i graficy regularnie konwertują formaty w codziennej pracy.
- Tworzenie CSS: Narzędzia projektowe eksportują w HEX (#7B35F5), ale CSS akceptuje też RGB (rgb(123,53,245)) i HSL (hsl(264,91%,58%)). Konwertuj między formatami CSS dla spójności kodu.
- Kolory marki: Kolory firmowe muszą być dokładnie odwzorowane w HEX dla internetu, CMYK dla druku, RGB dla ekranów. Konwertuj dla precyzyjnego dopasowania we wszystkich mediach — ważne przy tworzeniu identyfikacji wizualnej dla polskich firm.
- Dostępność: HSL pozwala łatwo regulować jasność zachowując barwę — wygodne do tworzenia dostępnych wariantów kolorów z odpowiednim kontrastem spełniającym WCAG 2.1.
- Przekazanie projektu deweloperom: Figma i Adobe XD eksportują w HEX. Część deweloperów preferuje HSL — bardziej intuitivny model do bezpośredniego sterowania kolorem w kodzie.
- Przygotowanie do druku: Kolory ekranowe (RGB) muszą być konwertowane do CMYK dla profesjonalnego druku — RGB ma szerszą gamę i jasne kolory ekranowe mogą nie być możliwe do odwzorowania w druku.
Formaty w skrócie: HEX (#RRGGBB) — zwięzły, powszechny w internecie. RGB (0–255 na kanał) — natywny format ekranów. HSL (barwa 0–360°, nasycenie 0–100%, jasność 0–100%) — najbardziej intuicyjny dla człowieka. CMYK (0–100% na kanał) — dla profesjonalnego druku.
Jaka jest różnica między RGB a RGBA?
RGBA dodaje kanał przezroczystości (alfa) do RGB: rgba(123,53,245,0.5) to fioletowy z 50% przezroczystością. Wartość alfa: od 0 (całkowicie przezroczysty) do 1 (całkowicie nieprzezroczysty). HEX obsługuje alfa w 8-cyfrowym zapisie: #7B35F580 (80 w hex = 50% nieprzezroczystości).
Dlaczego RGB i CMYK mają różne gamy kolorów?
RGB to mieszanie addytywne: połączenie czerwonego, zielonego i niebieskiego światła daje biel (dla ekranów). CMYK to mieszanie subtraktywne: tusze pochłaniają światło (do druku). RGB może odwzorować żywsze i bardziej nasycone kolory niż standardowe tusze CMYK w drukarni.
Co to jest HSL i dlaczego jest przydatny?
HSL (barwa, nasycenie, jasność) został zaprojektowany tak, żeby był intuicyjny dla człowieka. Barwa to sam kolor (0°=czerwony, 120°=zielony, 240°=niebieski). Nasycenie to intensywność (0%=szary, 100%=żywy). Jasność (0%=czarny, 50%=czysty kolor, 100%=biały). Żeby rozjaśnić bez zmiany barwy — zmień tylko jasność.
Jak ręcznie przeliczyć HEX na RGB?
Podziel 6-cyfrowy HEX na 3 pary, przelicz każdą z szesnastkowej na dziesiętną. #7B35F5: 7B=123 (czerwony), 35=53 (zielony), F5=245 (niebieski) → rgb(123,53,245). Przelicznik robi to natychmiastowo, ale rozumienie procesu pomaga bezpośrednio odczytywać wartości HEX w kodzie.
Co to jest profil kolorów (sRGB, AdobeRGB, Display P3)?
Profil kolorów definiuje gamę kolorów, jaką urządzenie może wyświetlić. sRGB to standard dla internetu i zwykłych monitorów. AdobeRGB obejmuje około 50% więcej spektrum widzialnego — używany w profesjonalnej fotografii. Display P3 (urządzenia Apple) jest szerszy o około 25% niż sRGB. Do treści webowych zawsze używaj sRGB.
Konwerter kolorów vs pipeta kolorów vs generator palety
Konwerter kolorów przelicza istniejące wartości kolorów między formatami. Pipeta kolorów (DevTools przeglądarki, systemowy wybierak kolorów) pozwala wizualnie wybrać kolor i wyeksportować jego wartość. Generator palety tworzy harmonijne zestawienia kolorów z teorii kolorów na podstawie koloru bazowego. Sprawdzanie kontrastu weryfikuje, czy zestawienia spełniają standardy dostępności WCAG. Wszystkie cztery są używane w codziennej pracy projektanta.