Penukar Warna
Masukkan kod warna hex untuk melihat persamaan RGB dan HSL dengan nilai saluran merah, hijau, dan biru individu.
Cara menggunakan penukar warna ini
- Masukkan kod warna hex
Taip kod hex 6 digit ke dalam medan kod warna Hex (cth. FF6B35 atau 00FF88). Abaikan simbol #.
- Baca nilai RGB
Keputusan saluran Merah, Hijau, dan Biru menunjukkan nilai 0–255 bagi setiap komponen.
- Semak output HSL
Semak keputusan HSL untuk rona (0–360°), ketepuan, dan kecerahan — berguna untuk pelarasan warna.
Cara penukar warna ini berfungsi
Alatan ini menukar kod warna heksadesimal kepada perwakilan RGB (merah, hijau, biru) dan HSL (rona, ketepuan, kecerahan). Setiap pasangan heks dipetakan kepada nilai saluran 8-bit (0–255), dan penukaran HSL menggunakan matematik ruang warna standard.
R = hex[0:2] → perpuluhan; G = hex[2:4] → perpuluhan; B = hex[4:6] → perpuluhan Heks #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — hitam tulen.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — putih tulen. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — kelabu sederhana.
- ✓ Input ialah kod warna heks 6-digit yang sah.
- ✓ Saluran alfa tidak disokong dalam versi ini.
- Penukaran CMYK memerlukan profil warna dan tidak disertakan di sini.
Memahami model warna
HEX, RGB, dan HSL adalah cara berbeza untuk menerangkan warna yang sama. HEX mengekod RGB sebagai rentetan heksadesimal 6 digit: setiap pasangan aksara ialah satu saluran 8-bit (0–255). RGB menyatakan nilai yang sama sebagai tiga nombor, iaitu warna primer aditif yang dipancarkan oleh skrin. HSL (Hue, Saturation, Lightness) ialah model silinder: rona ialah sudut pada roda warna (0° merah, 120° hijau, 240° biru), ketepuan ialah keamatan warna, dan kecerahan ialah kecerahan. Pereka sering memilih HSL apabila melaraskan warna secara programatik — menukar kecerahan sahaja akan menggelapkan atau mencerahkan tanpa mengubah rona, dan melaraskan ketepuan akan mengubah kejelasan warna.
Kes penggunaan pembangun untuk penukaran warna
Pembangun menukar warna semasa membina sistem reka bentuk, melaksanakan tema, menjana palet warna, dan menyahpepijat CSS. Token reka bentuk sering menyimpan warna dalam hex; menukar kepada RGB atau HSL membolehkan pengiraan masa jalan seperti tindanan kelegapan atau semakan kontras kebolehcapaian. Penukar tema mungkin perlu menerbitkan varian yang lebih cerah atau lebih gelap daripada warna asas menggunakan HSL. Alat kebolehcapaian automatik menukar warna untuk mengira nisbah luminans dan kontras. Apabila menyahpepijat pepijat reka letak atau tema, melihat nilai hex sebagai RGB atau HSL membantu mengenal pasti saluran mana yang bermasalah. Penukaran warna juga digunakan dalam visualisasi data, perpustakaan carta, dan tema UI dinamik.
Soalan lazim
Bolehkah saya memasukkan kod heks 3 digit?
Buat masa ini alat ini memerlukan kod 6 digit. Untuk singkatan 3 digit seperti F60, kembangkannya kepada FF6600 terlebih dahulu.
Apakah itu HSL?
HSL bermaksud Hue, Saturation, Lightness. Ia adalah cara alternatif untuk menerangkan warna yang dianggap lebih intuitif oleh sesetengah pereka berbanding RGB.