Konverter HEX ↔ RGB ↔ HSL
Konversi warna antara HEX, RGB, dan HSL secara instan dengan contoh langsung. Edit bidang apa pun — bidang lainnya tetap sinkron.
HEX ↔ RGB ↔ HSL Converter
Live#C026D3
CSS output
/* HEX */ #c026d3 /* RGB */ rgb(192, 38, 211) /* HSL */ hsl(292, 70%, 49%)
Key capabilities
- Konversi warna antara HEX, RGB, dan HSL secara instan dengan contoh langsung.
- Berjalan di browser Anda
- Gratis untuk digunakan
Cara penggunaan
- Masukkan nilai HEX, RGB, atau HSL.
- Lihat format lain diperbarui secara otomatis.
- Salin format yang Anda perlukan.
How this tool works
- Masukkan nilai HEX, RGB, atau HSL.
- Lihat format lain diperbarui secara otomatis.
- Salin format yang Anda perlukan.
Recommended settings
- Gunakan opsi default terlebih dahulu, lalu sesuaikan jika perlu
Supported formats
Text / on-page input
File size and limits
- Pratinjau multi-lapis yang sangat rumit mungkin terasa lebih lambat di ponsel lama.
Privacy
Generator warna & CSS berjalan sepenuhnya di browser Anda. Pratinjau dan konversi tidak pernah mengunggah gaya Anda.
Common use cases
- Gunakan HEX ↔ RGB ↔ HSL Converter kapan pun Anda membutuhkannya: Konversi warna antara HEX, RGB, dan HSL secara instan dengan contoh langsung.
Troubleshooting
Pratinjau terlihat berbeda setelah ditempel
Periksa CSS yang bersaing di halaman Anda (reset, warna yang diwarisi). Salin aturan yang dihasilkan ke dalam stylesheet terisolasi terlebih dahulu.
FAQ
Apakah ini mengunggah CSS saya?
Tidak. Generator dan konverter dijalankan di browser Anda dengan pratinjau langsung.
Apakah saya memerlukan akun?
Tidak. Buka alatnya, atur kontrolnya, dan salin CSSnya.
Alat terkait
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