Penukar Percuma

HSL ke Penukar HEX

Tukar nilai warna HSL kepada kod warna HEX serta-merta — penukar warna masa nyata percuma.

Hue
Ketepuan (%)
Keringanan (%)

Keluaran HEX

#368CE2
R:54
G:140
B:226

Salin Format

Format #HEX#368CE2
format hsl().hsl(210°, 75%, 55%)
format rgb().rgb(54, 140, 226)

Tentang alat ini

Tukar nilai warna HSL (Hue, Saturation, Lightness) kepada kod heksadesimal. HSL ialah model warna intuitif dengan Hue ialah sudut warna (0-360°), Ketepuan ialah keamatan warna (0-100%) dan Kecerahan mengawal betapa terang atau gelapnya warna (0-100%). Berguna untuk pereka yang bekerja dalam HSL dan memerlukan kod hex untuk CSS.

Cara menggunakan

  1. Masukkan nilai Hue (0-360 darjah pada roda warna).
  2. Tetapkan Ketepuan (0-100%) dan Keringanan (0-100%).
  3. Kod hex dikira dan dipaparkan dalam masa nyata.
  4. Salin kod hex untuk digunakan dalam CSS atau alat reka bentuk anda.

Soalan lazim

Mengapa menggunakan HSL dan bukannya hex atau RGB?
HSL lebih intuitif untuk manusia. Inginkan warna yang lebih gelap? Kurangkan kecerahan. Mahu versi yang diredamkan? Kurangkan ketepuan. Hubungan ini tidak jelas dalam hex atau RGB di mana anda perlu melaraskan ketiga-tiga saluran.
Apakah maksud Hue 0 vs 360?
Kedua-dua 0° dan 360° berwarna merah — roda rona melilit. Warna utama: 0° = merah, 60° = kuning, 120° = hijau, 180° = cyan, 240° = biru, 300° = magenta.
Apakah yang berlaku pada tepu 0% dan 100%?
Pada ketepuan 0%, sebarang warna menjadi warna kelabu (ditentukan oleh cahaya sahaja). Pada ketepuan 100%, anda mendapat versi rona yang paling tulen dan paling terang.
Bagaimanakah kerja ringan?
Kecerahan 0% sentiasa hitam tanpa mengira warna/tepu. 100% sentiasa putih. 50% memberikan versi warna yang tulen dan paling bersemangat. Nilai antara 0-50% adalah warna gelap, 50-100% adalah warna lebih terang.