Konwerter HSL na HSV
Zamień odcień, nasycenie i jasność na odcień, nasycenie i wartość (HSB) do programów graficznych.
Wartość hsl
Wynik · HSV
hsv(342, 76%, 100%)
HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Jak używać: HSL na HSV
- 1
Wprowadź kolor
Wpisz kod koloru lub wybierz kolor próbnikiem — każde pole przyjmuje format, który wyświetla.
- 2
Zobacz konwersję
Wynik aktualizuje się natychmiast podczas pisania, razem z podglądem koloru na żywo.
- 3
Skopiuj kod
Skopiuj potrzebną wartość jednym kliknięciem i wklej ją do projektu, CSS lub ustawień druku.
Porównanie HSL i HSV
HSL i HSV zaczynają się od odcienia, czyli kąta na kole barw, i oba opisują resztę koloru dwiema wartościami procentowymi — ale te wartości oznaczają co innego. W HSL jasność 50% to czysty kolor, a 100% to zawsze biel. W HSV, nazywanym też HSB, wartość 100% to najjaśniejsza wersja odcienia, a biel to wartość 100% przy nasyceniu 0%. Nasycenie również jest obliczane inaczej, więc liczb nie można po prostu przepisać.
Dlatego kolor zapisany w CSS jako hsl(120, 100%, 25%) — kolor CSS Green — trzeba wpisać w próbniku HSV jako hsv(120, 100%, 50%). Używaj tego konwertera, przenosząc kolory z kodu strony do Photoshopa, Figmy, Blendera lub kodu przetwarzającego obrazy w HSV. Odcień pozostaje ten sam; zmieniają się tylko nasycenie i trzecia wartość.
Wszystko działa lokalnie w Twojej przeglądarce — Twoje obrazy nigdy nie są przesyłane na serwer.