HEX · RGB · HSL · HSV · CMYK
Konwerter kolorów
Kolor #0060fd to rgb(0, 96, 253), hsl(217, 100%, 50%) i cmyk(100%, 62%, 0%, 1%). Wpisz dowolny kolor CSS albo użyj próbnika, aby przeliczyć własny.
- #0060fd = rgb(0, 96, 253)
- #0060fd = hsl(217, 100%, 50%)
- #0060fd = cmyk(100%, 62%, 0%, 1%)
- red = #ff0000
Kafelki aktualizują się w trakcie pisania. Jeśli tekst nie jest kolorem, pojawia się błąd, a na ekranie zostaje ostatni poprawny kolor.
Scanned by 
NortonTM Safe Web
W skrócie
- Cena
- Bez opłat
- Konto
- Niepotrzebne
- Wysyłanie plików
- Nie dotyczy — wpisujesz kolor, nic nie jest nigdzie wysyłane
- Wejście
- HEX (3, 4, 6 lub 8 cyfr), rgb(), hsl(), hwb(), 148 nazw kolorów CSS i transparent
- Wyjście
- HEX, RGB, HSL, HSV, CMYK i najbliższa nazwa koloru CSS
- CMYK
- Przeliczenie matematyczne, a nie profil drukarski
Popularne kolory we wszystkich modelach
Te wiersze wygenerował ten sam kod co konwerter. HSL, HSV i CMYK są zaokrąglone do liczb całkowitych.
| Wpisano | HEX | RGB | HSL | HSV | CMYK |
|---|---|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) | hsv(217, 100%, 99%) | cmyk(100%, 62%, 0%, 1%) |
| red | #ff0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) | hsv(0, 100%, 100%) | cmyk(0%, 100%, 100%, 0%) |
| white | #ffffff | rgb(255, 255, 255) | hsl(0, 0%, 100%) | hsv(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| black | #000000 | rgb(0, 0, 0) | hsl(0, 0%, 0%) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| grey | #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) | hsv(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |
| transparent | #00000000 | rgba(0, 0, 0, 0) | hsla(0, 0%, 0%, 0) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
Jak przeliczać kolor
Wpisz kolor
Wpisz kod HEX z 3, 4, 6 lub 8 cyframi, wartość rgb(), hsl() lub hwb() albo jedną z 148 nazw kolorów CSS. Możesz też kliknąć pole koloru i wybrać kolor próbnikiem przeglądarki.
Odczytaj inne modele
Próbka pokazuje kolor na szachownicy, więc widać przezroczystość. Kafelki pokazują ten sam kolor jako HEX, RGB, HSL, HSV i CMYK oraz najbliższą nazwę koloru CSS.
Skopiuj, co potrzebujesz
Naciśnij Kopiuj na kafelku, aby wstawić tę wartość do schowka, gotową do wklejenia w arkuszu stylów, programie graficznym lub dokumencie.
Jak łączą się modele kolorów
RGB opisuje kolor jako ilości światła czerwonego, zielonego i niebieskiego, które ekran dodaje do siebie, każda od 0 do 255; #0060fd to 0 czerwonego, 96 zielonego i 253 niebieskiego. HEX to te same trzy liczby zapisane o podstawie 16, więc 96 to 60, a 253 to fd. HSL i HSV opisują ten sam kolor jako kąt barwy od 0 do 360 stopni na kole kolorów oraz dwa procenty: nasycenie i jasność (HSL) albo wartość (HSV). #0060fd ma w obu barwę 217. CMYK opisuje farby drukarskie: cyjan, magenta, żółty i czarny są odejmowane od białego papieru.
Pokazany tu CMYK to zwykłe przeliczenie matematyczne: czerń to 1 minus największa z wartości R, G i B, a cyjan, magenta i żółty to to, co zostaje. Nie jest to profil drukarski, więc drukarnia lub program graficzny używający profili ICC poda dla tego samego koloru inne liczby CMYK. Wartości HSL są pokazywane jako liczby całkowite, więc przeliczenie zaokrąglonej wartości z powrotem może przesunąć kanał o kilka jednostek: hsl(217, 100%, 50%) to #0062ff, a nie #0060fd. Najbliższa nazwa CSS to słowo kluczowe o najmniejszej różnicy kolorów CIE76 w przestrzeni L*a*b*. Wszystko działa w Twojej przeglądarce i nic nie jest nigdzie wysyłane.
Pytania o konwerter kolorów
Jak przeliczyć HEX na RGB?
Podziel sześć cyfr na trzy pary i odczytaj każdą parę jako liczbę o podstawie 16. #0060fd to 00, 60 i fd, czyli 0, 96 i 253, więc kolor to rgb(0, 96, 253). Wklej kod HEX do pola, a kafelek RGB pokaże wynik.
Co oznaczają dwie ostatnie cyfry 8-cyfrowego kodu HEX?
To kanał alfa, czyli krycie, od 00 (całkowicie przezroczysty) do ff (całkowicie kryjący). #0060fd80 to ten sam niebieski przy 128 z 255, czyli około 50.2% krycia, więc jest pokazany jako rgba(0, 96, 253, 0.502). Kod 4-cyfrowy, taki jak #06f8, działa tak samo, a każda cyfra jest podwajana.
Czym różni się HSL od HSV?
Oba używają barwy i nasycenia, ale trzecia wartość jest inna. W HSL jasność 50% to czysty kolor, 0% to czerń, a 100% to biel. W HSV wartość 100% to najjaśniejsza wersja koloru, a biel wymaga nasycenia 0%. Ten sam niebieski to hsl(217, 100%, 50%) i hsv(217, 100%, 99%).
Czy mogę użyć wyniku CMYK do druku?
Traktuj go tylko jako punkt wyjścia. Ta strona używa prostego wzoru między RGB a CMYK, który nic nie wie o farbach, papierze ani profilu drukarki. Drukarnia lub program graficzny z profilem kolorów przeliczy ten sam kolor RGB na inne liczby CMYK.
Jakie formaty kolorów mogę wpisać?
HEX z # lub bez, w 3, 4, 6 lub 8 cyfrach; rgb() i rgba() z przecinkami lub spacjami, liczbami lub procentami i opcjonalnym kanałem alfa po ukośniku; hsl(), hsla() i hwb() z kątem w deg, rad, grad lub turn; 148 nazw kolorów CSS, takich jak rebeccapurple; oraz transparent.
Dlaczego najbliższa nazwa koloru nie jest dokładnym dopasowaniem?
CSS ma tylko 148 nazw kolorów, więc większość kolorów nie ma własnej nazwy. Strona wybiera nazwę, której kolor wygląda najbliżej, mierzoną jako różnica kolorów CIE76 w przestrzeni L*a*b*; dla #0060fd jest to mediumslateblue. Gdy kolor jest dokładnie nazwanym, na przykład #ff0000, strona informuje, że to dokładne dopasowanie.