Apa Sing Nggawe Kaca Iki Beda?
Kaca iki ngowahi warna saka format HSL (Hue, Saturation, Lightness) dadi RGB (Red, Green, Blue) kanthi wektu nyata. Bedane paling penting karo alat liyane yaiku HSL dirancang khusus kanggo cara manungsa mikir bab warna. Nalika sampeyan ngubah Lightness ing HSL, hue tetep utuh – ora kaya ing RGB sing ngowahi salah siji nilai bisa ngubah kabeh karakter warna. Iki sing ndadèkaké HSL populer kanggo nggawé palet warna utawa tema, amarga bisa ngasilake variasi cahya tanpa ngrusak hue.
Konversi ing kaca iki lossless. Saben nilai HSL sing valid langsung map menyang siji triplet RGB sing ana ing jangkuan tampilan (0–255). Ora ana clipping out-of-gamut, kaya sing kerep kedaden nalika konversi saka LAB utawa CMYK menyang RGB. Dadi yen sampeyan ngowahi warna saka HSL menyang RGB lan bali maneh, ora bakal ana owah-owahan warna.
Cara Konversi saka HSL menyang RGB
Algoritma konversi standar nggunakake rumus matematika sing gumantung ing nilai hue, saturation, lan lightness. Ing kaca iki, hue diwenehi ing derajat (0–360), dene saturation lan lightness ing persen (0–100%). Output RGB minangka integer 0–255.
Conto: HSL 243°, 75%, 59% diowahi dadi RGB 79, 70, 229. Cara kerjane:
- Lightness 59% nuduhake titik tengah antarane ireng lan putih.
- Saturation 75% nuduhake intensitas warna.
- Hue 243° nunjukake warna biru-ungu.
Konversi nggunakake fungsi matematika sing nglibatake kondisi kanggo nemtokake segi enam hue. Kanggo hue 243°, nilai RGB asil: R=79, G=70, B=229. Kabeh perhitungan dilakokake langsung ing browser tanpa ngirim data menyang server.
Input lan Output
Sampeyan kudu ngisi nilai HSL kanthi format: hue (0–360), saturation (persen), lightness (persen). Conto bener: 243, 75%, 59%. Yen format salah, alat bakal nuduhake pesen: "Enter HSL as hue 0–360 with two percentages, like 243, 75%, 59%."
Sawise sampeyan ngetik utawa ngowahi nilai HSL, kabeh kolom output langsung nganyari:
| Output | Format | Conto |
|---|---|---|
| HEX | # + 6 digit heksadesimal |
#4F46E5 |
| RGB | 3 angka 0–255 | 79, 70, 229 |
| HSL | hue°, saturation%, lightness% | 243°, 75%, 59% |
| HSV | hue°, saturation%, value% | 243°, 69%, 90% |
| CMYK | persen sian, magenta, kuning, ireng | 66%, 69%, 0%, 10% |
| LAB | L*, a*, b* | 34, 22, -64 |
Kabeh output diwilang kanthi otomatis. Sampeyan ora perlu ngeklik tombol utawa refresh kaca.
Aturan Penggunaan lan Kasus Khusus
- Yen sampeyan ngetik nilai HSL sing ora valid (contone huruf utawa angka ing njaba jangkuan), alat bakal langsung nuduhake pesen kesalahan. Ora ana konversi sing kedaden.
- Output CMYK sing ditampilake minangka estimasi ing layar. Nilai kasebut bisa beda karo nilai sing digunakake ing percetakan profesional amarga beda kertas, tinta, lan profil printer. Aja ngandelake CMYK saka alat iki kanggo persiapan cetak tanpa verifikasi luwih dhisik.
- Kabeh konversi ditindakake ing browser sampeyan. Ora ana data sing dikirim menyang server, dadi privasi sampeyan aman.
- Amarga konversi lossless, ora ana risiko warna owah nalika bali maneh saka RGB menyang HSL (sajrone sampeyan nggunakake nilai sing padha).
Sapa Sing Kudu Nggunakake Alat Iki?
- Desainer sing nggawé palet warna utawa tema. Kanthi HSL, sampeyan bisa nyetel cahya utawa saturasi tanpa ngganti hue. Banjur alat iki menehi nilai RGB sing siap digunakake ing kode.
- Pengembang front-end sing mindhah warna saka alat desain (kerep nggunakake HSL) menyang CSS utawa kode liyane sing mbutuhake RGB utawa HEX. Contone, nggunakake warna saka Figma utawa Adobe XD banjur nulis ing CSS:
background-color: rgb(79, 70, 229);. - Sapa wae sing luwih seneng mikir bab warna kanthi istilah manungsa (hue, saturation, lightness) nanging mbutuhake angka sing pas kanggo layar. Alat iki ngilangi perhitungan manual.
Ngerti Model Warna Liyane
Kaca iki uga nuduhake output ing format HEX, HSV, CMYK, lan LAB. Saben model duwe guna dhewe:
- HEX – umume digunakake ing web, contone
#4F46E5. Gampang ditulis ing CSS. - HSV – meh padha karo HSL nanging nggunakake value (nilai padhang) tinimbang lightness. Cocog kanggo aplikasi sing mbutuhake kontrol padhang langsung.
- CMYK – model subtractive kanggo percetakan. Nanging, kaya sing wis disebutake, nilai sing ditampilake mung perkiraan amarga beda profil printer.
- LAB – model warna adhedhasar visi manungsa. L* kanggo cahya, a* lan b* kanggo sumbu werna ijo-abang lan biru-kuning. LAB duwe gamut sing luwih jembar tinimbang RGB, mula konversi menyang RGB bisa nyebabake clipping. Nanging ing alat iki, nilai LAB sing ditampilake wis dikompresi supaya cocog karo jangkuan RGB.
Ngerti bedane model iki mbantu sampeyan milih format sing pas kanggo proyek sampeyan.
FAQ (Pitakon lan Jawaban)
1. Apa sing kedaden yen aku ngetik nilai HSL sing salah?
Alat bakal langsung nuduhake pesen: "Enter HSL as hue 0–360 with two percentages, like 243, 75%, 59%." Ora ana konversi sing dilakokake nganti format bener.
2. Napa CMYK ing kaca iki ora pas kanggo percetakan?
Amarga alat iki nggunakake konversi umum sing ora nganggep profil printer, jinis kertas, utawa tinta. Kanggo cetak profesional, gunakake piranti lunak desain kaya Adobe Photoshop utawa Illustrator.
3. Apa alat iki bisa digunakake offline?
Sawise kaca dimuat, kabeh konversi inti dilakokake ing JavaScript browser. Dadi yen sampeyan nyimpen kaca kasebut, bisa digunakake offline (sajrone file JS ora ana sing ilang).
4. Apa konversi saka RGB bali menyang HSL mesthi padha?
Ya, amarga konversi iku lossless. Yen sampeyan ngowahi HSL → RGB → HSL maneh nganggo nilai sing padha (tanpa bunder), asile persis padha.
5. Apa bedane HSL lan HSV?
Ing HSL, lightness 0% mesthi ireng lan 100% mesthi putih. Ing HSV, value 0% ireng nanging 100% ora mesthi putih – gumantung hue lan saturation. HSV luwih cedhak karo cara manungsa ndeleng padhang.
6. Kenapa aku kudu nggunakake HSL tinimbang RGB nalika nggawé palet?
Amarga ngowahi lightness ing HSL ora ngganti hue. Ing RGB, ngowahi nilai komponen abang, ijo, utawa biru bisa ngowahi hue kanthi ora dikarepake. HSL ndadèkaké gampang nggawé variasi cahya saka warna dasar sing padha.