HSV kanggo HSL

Ngonversi nilai warna HSV menyang HSL kanggo manipulasi warna serbaguna ing sistem desain

Transformasi ing antarane model warna intuisi kanggo keluwesan desain sing luwih apik

Konverter Warna

HSL Output

hsl(0°, 100%, 50%)

HSL Values

Hue 0°

0-360° color wheel position

Kejenuhan 100%

0-100% color intensity

entheng 50%

0-100% brightness

hsl(0°, 100%, 50%)

Format Tambahan

HSV Value

hsv(0°, 100%, 100%)

RGB Value

rgb(255, 0, 0)

Panganggone CSS

color: hsl(0°, 100%, 50%);
background-color: hsl(0°, 100%, 50%);

Wawasan Konversi

Abang sregep iki njaga kejenuhan lengkap ing loro model warna nanging nuduhake ukuran padhange sing beda, nuduhake prabédan utama antarane Nilai (HSV) lan Lightness (HSL).

Conto Konversi

Abang sregep

HSV 0°, 100%, 100%

HSL 0°, 100%, 50%

prabédan Lightness = 50% saka Nilai

Ijo alas

HSV 120°, 75%, 55%

HSL 120°, 60%, 35%

prabédan Diatur kanggo ukuran entheng

Biru Royal

HSV 220°, 75%, 88%

HSL 220°, 70%, 55%

prabédan Lightness imbang kanggo pemahaman

Soft Pink

HSV 340°, 40%, 95%

HSL 340°, 70%, 80%

prabédan Saturasi tambah ing HSL

Ungu sing bisu

HSV 270°, 30%, 70%

HSL 270°, 30%, 60%

prabédan Cahya diatur mudhun

Nada Kelabu

HSV 0°, 0%, 50%

HSL 0°, 0%, 50%

prabédan Identik kanggo grayscale

Piranti sing disaranake

HSL to HSV Converter

Ngonversi nilai warna HSL bali menyang HSV kanggo manipulasi warna alternatif

Generator Harmoni Warna

Nggawe rencana werna imbang nggunakake hubungan werna basis HSL

HSL Color Scales

Ngasilake tints, shades, lan nada saka sembarang werna nggunakake pangaturan HSL

Komparator Model Warna

Visualisasi tampilan warna ing model HSV, HSL, RGB, lan CMYK

Babagan Alat Iki

Konverter HSV menyang HSL iki nggampangake transisi sing mulus ing antarane rong model warna intuisi, saben duwe kaluwihan sing beda kanggo tugas desain lan alur kerja sing beda.

HSV (Hue, Saturation, Value) represents colors based on human perception, with Value controlling the brightness from black to full color. This makes it particularly intuitive for tasks like adjusting lightness while preserving chromatic intensity, common in interface design.

HSL (Hue, Saturation, Lightness) structures color around perceived lightness, with Lightness ranging from black through the pure color to white. This model excels at creating consistent color scales and harmonies, as equal increments in lightness produce perceptually consistent steps.

Nalika loro model nuduhake komponen Hue lan Saturasi, perawatan padhange (Nilai vs. Lightness) nggawe prilaku dhasar beda. Konverter iki nggunakake algoritma matematika sing tepat kanggo nerjemahake antarane model kasebut nalika njaga konsistensi visual, ngidini para desainer nggunakake kekuwatan saben model sajrone alur kerja.