Zawartość
Ten sam kolor zapisany inaczej
Konwerter przyjmuje kolor sRGB w zapisie HEX, RGB lub HSL i zwraca kod w innym z tych formatów. Podgląd na szachownicy pokazuje, czy próbka ma przezroczystość.
Od źródła do wyniku
Po wyborze formatu źródłowego pojawiają się właściwe pola. HEX przyjmuje 3, 4, 6 lub 8 cyfr szesnastkowych, z # albo bez niego. Każdy kanał RGB musi być liczbą całkowitą od 0 do 255. HSL używa odcienia 0–360° oraz nasycenia i jasności 0–100%. Alfa w RGB lub HSL mieści się od 0 do 1. Następnie wybiera się inny format wynikowy.
W ośmiocyfrowym kodzie #RRGGBBAA ostatnia para oznacza alfę. Taką kolejność określa specyfikacja CSS Color dla barw sRGB. Podgląd pokazuje kolor na wzorzystym tle, a nie na docelowej stronie.
Trzy kontrolne przeliczenia
#336699 odpowiada rgb(51,102,153). Po wybraniu HSL otrzymuje się hsl(210,50%,40%). Obydwa wyniki opisują ten sam niebieski kolor.
Krótki biały kod #FFF rozwija się do #FFFFFF, czyli rgb(255,255,255). Każdą cyfrę powtarza się dwukrotnie.
HSL o odcieniu 120°, nasyceniu 100% i jasności 50% daje #00FF00. To czysta zieleń, z zerowym kanałem czerwonym i niebieskim.
Zaokrąglenie i inne przestrzenie barw
RGB ma całkowite wartości kanałów. HSL jest wyświetlane do jednego miejsca po przecinku, alfa do trzech, dlatego powrót do formatu wyjściowego może zmienić końcową cyfrę. Narzędzie nie przelicza CMYK, Display P3 ani Lab. Sam kod nie wystarczy też do oceny kontrastu tekstu bez koloru tła.
Przezroczysty kolor warto obejrzeć na rzeczywistym tle strony. Na bieli i na ciemnym panelu ten sam kod z alfą będzie wyglądał inaczej.
Pytania o zapis koloru
Szczególną uwagę warto zwrócić na skrócony HEX i końcową parę alfa.
Czy znak # jest konieczny przy wpisywaniu HEX?
Nie. Można wpisać sam ciąg cyfr, a wynikowy kod HEX otrzyma #.
Co oznacza #0008?
To krótki zapis z alfą. Po rozwinięciu otrzymuje się #00000088.
Dlaczego szarość ma odcień 0°?
Przy nasyceniu 0% zmiana odcienia niczego nie zmienia, więc kalkulator podaje stałe 0°.
Czy 80 w kanale alfa oznacza dokładnie 50%?
Nie. 80 w HEX to 128 dziesiętnie, czyli około 0,502 z 255 stopni.
Czy ten sam kod będzie wyglądał identycznie na ekranach?
Wartości sRGB będą te same, lecz profil, kalibracja i jasność ekranu mogą zmienić wygląd.
Podobne kalkulatory
Następujące kalkulatory na ten sam temat mogą być przydatne:
- Generator haseł online. Generuj mocne i niepowtarzalne hasła łatwo i szybko z naszym zaawansowanym generatorem haseł online.
- Edytor HTML online. Łatwo i szybko edytuj oraz twórz strony HTML dzięki naszemu interaktywnemu edytorowi online.
- Kalkulator słów w tekście. Analizuj liczbę słów w swoich tekstach za pomocą naszego kalkulatora.
- Kalkulator konwersji z binarnego na dziesiętne. Z łatwością konwertuj liczby binarne na system dziesiętny z naszym kalkulatorem.
- Kalkulator konwersji z binarnego na ósemkowe. Z łatwością konwertuj liczby binarne na system ósemkowy z naszym kalkulatorem.
- Kalkulator konwersji z binarnego na szesnastkowe. Z łatwością konwertuj liczby binarne na system szesnastkowy z naszym kalkulatorem.
- Kalkulator konwersji z dziesiętnego na binarne. Z łatwością konwertuj liczby dziesiętne na system binarny z naszym kalkulatorem.
- Kalkulator konwersji z dziesiętnego na ósemkowe. Z łatwością konwertuj liczby dziesiętne na system ósemkowy z naszym kalkulatorem.
- Kalkulator konwersji z dziesiętnego na szesnastkowe. Z łatwością konwertuj liczby dziesiętne na system szesnastkowy z naszym kalkulatorem.
- Kalkulator konwersji z ósemkowego na binarne. Z łatwością konwertuj liczby ósemkowe na system binarny z naszym kalkulatorem.
Udostępnij w mediach społecznościowych
Jeśli Ci się spodobało, udostępnij kalkulator w swoich mediach społecznościowych. To łatwe dla Ciebie i korzystne dla promocji projektu. Dziękuję!