HEX ↔ RGB ↔ Penukar HSL
Tukar warna antara HEX, RGB dan HSL serta-merta dengan swatch langsung. Edit mana-mana medan — yang lain kekal segerak.
HEX ↔ RGB ↔ HSL Converter
Live#C026D3
CSS output
/* HEX */ #c026d3 /* RGB */ rgb(192, 38, 211) /* HSL */ hsl(292, 70%, 49%)
Key capabilities
- Tukar warna antara HEX, RGB dan HSL serta-merta dengan swatch langsung.
- Berjalan dalam penyemak imbas anda
- Percuma untuk digunakan
Cara menggunakan
- Masukkan nilai HEX, RGB atau HSL.
- Lihat kemas kini format lain secara automatik.
- Salin format yang anda perlukan.
How this tool works
- Masukkan nilai HEX, RGB atau HSL.
- Lihat kemas kini format lain secara automatik.
- Salin format yang anda perlukan.
Recommended settings
- Gunakan pilihan lalai dahulu, kemudian laraskan jika perlu
Supported formats
Text / on-page input
File size and limits
- Pratonton berbilang lapisan yang sangat kompleks mungkin terasa lebih perlahan pada telefon lama.
Privacy
Penjana warna & CSS dijalankan sepenuhnya dalam penyemak imbas anda. Pratonton dan penukaran tidak sekali-kali memuat naik gaya anda.
Common use cases
- Gunakan HEX ↔ RGB ↔ HSL Converter bila-bila masa anda perlukan: Tukar warna antara HEX, RGB dan HSL serta-merta dengan swatch langsung.
Troubleshooting
Pratonton kelihatan berbeza selepas tampal
Semak CSS yang bersaing pada halaman anda (set semula, warna yang diwarisi). Salin peraturan yang dijana ke dalam helaian gaya terpencil dahulu.
Soalan Lazim
Adakah ini memuat naik CSS saya?
Tidak. Penjana dan penukar berjalan dalam penyemak imbas anda dengan pratonton langsung.
Adakah saya memerlukan akaun?
Tidak. Buka alat, tweak kawalan dan salin CSS.
Alat berkaitan
Color Contrast Checker
Check foreground/background contrast against WCAG AA and AAA guidelines.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open toolBox Shadow Generator
Design layered box-shadows with offset, blur, spread, and color — live preview included.
Open tool