Penukaran warna RGB ke HSL

Masukkan tahap warna merah, hijau dan biru (0..255) dan tekan butang Tukar :

Masukkan warna merah (R):
Masukkan warna hijau (G):
Masukkan warna biru (B):
   
Hue (H): °  
Ketepuan (S): %  
Keringanan (L): %  
Pratonton warna:  

Penukaran HSL kepada RGB ►

Formula penukaran RGB ke HSL

Nilai R , G , B dibahagikan dengan 255 untuk menukar julat daripada 0..255 hingga 0..1:

R' = R/255

G' = G/255

B' = B/255

Cmax = max(R', G', B')

Cmin = min(R', G', B')

Δ = Cmax - Cmin

 

Pengiraan warna:

 

Pengiraan ketepuan:

 

Pengiraan ringan:

L = (Cmax + Cmin) / 2

Jadual warna RGB ke HSL

Warna Warna

nama

 Hex (R,G,B) (H,S,L)
  Hitam #000000 (0,0,0) (0°,0%,0%)
  putih #FFFFFF (255,255,255) (0°,0%,100%)
  merah #FF0000 (255,0,0) (0°,100%,50%)
  kapur #00FF00 (0,255,0) (120°,100%,50%)
  Biru #0000FF (0,0,255) (240°,100%,50%)
  Kuning #FFFF00 (255,255,0) (60°,100%,50%)
  Cyan #00FFFF (0,255,255) (180°,100%,50%)
  Magenta #FF00FF (255,0,255) (300°,100%,50%)
  Perak #BFBFBF (191,191,191) (0°,0%,75%)
  Kelabu #808080 (128,128,128) (0°,0%,50%)
  Maroon #800000 (128,0,0) (0°,100%,25%)
  Zaitun #808000 (128,128,0) (60°,100%,25%)
  hijau #008000 (0,128,0) (120°,100%,25%)
  Ungu #800080 (128,0,128) (300°,100%,25%)
  Teal #008080 (0,128,128) (180°,100%,25%)
  Tentera Laut #000080 (0,0,128) (240°,100%,25%)

 

Penukaran HSL kepada RGB ►

 

Lihat juga

Ciri Alat Penukar Warna RGB ke HSL

  1. Tukar nilai RGB kepada nilai HSL: Alat ini membenarkan pengguna memasukkan nilai RGB (merah, hijau, biru) dan menukarnya kepada nilai HSL yang sepadan (warna, tepu, kecerahan).

  2. Tukar nilai HSL kepada nilai RGB: Alat ini juga membenarkan pengguna memasukkan nilai HSL dan menukarnya kepada nilai RGB yang sepadan.

  3. Input warna tersuai: Pengguna boleh memasukkan nilai RGB atau HSL mereka sendiri untuk menukar kepada format lain.

  4. Pemilih warna: Sesetengah alat penukar warna RGB ke HSL mungkin termasuk ciri pemilih warna, yang membolehkan pengguna memilih warna daripada palet visual atau dengan melaraskan peluncur untuk nilai RGB atau HSL.

  5. Pratonton warna yang terhasil: Alat ini harus memaparkan pratonton warna yang terhasil selepas penukaran, supaya pengguna dapat melihat rupa warna tersebut.

  6. Penukaran berbilang warna: Sesetengah alatan mungkin membenarkan pengguna menukar berbilang warna serentak, sama ada dengan memasukkan berbilang set nilai atau menggunakan swatch atau palet warna.

  7. Pustaka warna atau palet: Sesetengah alatan mungkin termasuk pustaka atau palet warna yang telah ditetapkan yang boleh dipilih atau digunakan oleh pengguna sebagai rujukan.

  8. Reka bentuk responsif: Alat ini harus responsif dan berfungsi dengan baik pada pelbagai peranti, seperti komputer meja, tablet dan telefon pintar.

  9. Visualisasi ruang warna HSL: Sesetengah alatan mungkin termasuk visualisasi ruang warna HSL, yang boleh membantu pengguna memahami cara nilai HSL yang berbeza sepadan dengan warna yang berbeza.

  10. Pilihan untuk melaraskan nilai HSL sebagai peratusan atau darjah: Sesetengah alatan mungkin membenarkan pengguna memasukkan nilai HSL sebagai peratusan atau darjah, bergantung pada pilihan mereka.

Advertising

PENUKARAN WARNA
°• CmtoInchesConvert.com •°