RGB/HEX Converter
Convert between RGB and HEX color formats
RGB/HEX Converter
Convert between RGB and HEX colors
Penukar RGB ke HSL ialah alat penukaran warna penting untuk pereka dan pembangun. Tukar nilai warna RGB kepada format HSL serta-merta, membolehkan kawalan warna yang lebih baik, manipulasi warna yang lebih mudah dan pelarasan warna yang lebih intuitif dalam CSS dan projek reka bentuk.
Penukar RGB HEX
Warna Input
Masukkan kod heks, nilai RGB atau tampal rujukan warna
Lihat Keputusan
Lihat penukaran segera kepada format HSL dengan pratonton visual
Fahami Komponen
Ketahui maksud warna (H), ketepuan (S) dan kecerahan (L)
Sempurnakan
Gunakan peluncur untuk melaraskan nilai HSL dan melihat perubahan masa nyata
Salin Nilai
Klik butang salin untuk mengambil kod warna yang ditukar
Gunakan dalam CSS
Gunakan nilai HSL dalam helaian gaya anda untuk manipulasi warna yang lebih mudah
Frequently Asked Questions
Apakah perbezaan antara RGB dan HEX?
RGB menggunakan nilai perpuluhan 0-255, HEX menggunakan heksadesimal 00-FF
Apakah RGBA?
RGB dengan saluran Alpha untuk ketelusan
Bolehkah saya menggunakan ini untuk cetakan?
HEX/RGB adalah untuk warna skrin, gunakan CMYK untuk cetakan
Sejauh manakah ketepatan pratonton warna?
Sangat tepat - menggunakan pemaparan warna pelayar
Mengapa menggunakan HSL dan bukannya RGB?
HSL lebih intuitif untuk persepsi manusia. Melaraskan ketepuan atau kecerahan dalam HSL adalah lebih mudah daripada mengira semula nilai RGB, menjadikan manipulasi warna dan variasi lebih mudah.
Apakah maksud ketepuan dalam HSL?
Ketepuan (0-100%) mengawal keamatan warna. 0% adalah skala kelabu, 100% adalah warna tulen. Ia menentukan sejauh mana terang atau diredam sesuatu warna kelihatan.
Apakah maksud ringan dalam HSL?
Kecerahan (0-100%) mengawal kecerahan. 0% adalah hitam, 50% adalah warna tulen, 100% adalah putih. Ia menentukan bagaimana gelap atau terang sesuatu warna kelihatan.
Bolehkah saya menggunakan warna HSL dalam semua pelayar?
Ya, sintaks warna HSL disokong dalam semua penyemak imbas moden. Anda boleh menggunakan hsl() terus dalam CSS tanpa sebarang awalan vendor.
Bagaimanakah cara membuat variasi warna?
Pastikan warna tetap dan laraskan ketepuan dan kecerahan. Mengurangkan ketepuan menghasilkan nada yang diredamkan, manakala mengurangkan kecerahan menghasilkan warna yang lebih gelap.
Adakah terdapat perbezaan antara HSL dan HSLA?
HSLA termasuk saluran alfa untuk ketelusan. HSLA(warna,% tepu, kecerahan%, alfa) membolehkan anda mengawal kelegapan daripada 0 (telus) kepada 1 (legap).
Tool Information
Related Tools You Might Like
Color Palette Generator from Image
Extract dominant colors from an image
CSS Gradient Generator
Create custom CSS gradients with preview
WCAG Contrast Checker
Check color contrast according to WCAG standards
Digital Signature Generator
Create stylized digital signatures with different fonts
Box Shadow Generator
Generate CSS box shadows
Text Shadow Generator
Generate CSS text shadows
Surfboard Volume Calculator
Calculate the perfect surfboard volume based on your weight, experience level, and wave conditions.
Wave Height Converter
Convert between different wave height measurements (face height, Hawaiian scale, ocean swell).
Scuba Dive Planner
Plan your scuba dive with depth limits, bottom time, and safety decompression requirements.