Color Converter
Convert warna antara HEX, RGB, dan HSL secara instant dengan preview real-time.
Format: rgb(37, 99, 235)
Format: hsl(221, 83%, 53%)
color: #2563EB;
background-color: #2563EB; 🎨 Color Variations
Lighter 10%
#5284EF
Lighter 20%
#81A5F3
Lighter 30%
#B0C6F8
Darker 10%
#134CC9
Darker 20%
#0E3B9A
Darker 30%
#0A296B
🌈 Color Harmony
Complementary
#EBAC24
Analogous 1
#4824EB
Analogous 2
#24C6EB
Triadic 1
#EB2463
Triadic 2
#63EB24
Tentang Color Converter
Color Converter adalah tools gratis untuk convert warna antara format HEX, RGB, dan HSL. Cocok untuk designer, developer, dan siapa saja yang bekerja dengan warna digital.
Format Warna
🔷 HEX (Hexadecimal)
Format 6 digit hexadecimal. Contoh: #2563EB
Digunakan di CSS, HTML, design tools
🔴 RGB (Red Green Blue)
Kombinasi 3 warna cahaya (0-255). Contoh: rgb(37, 99, 235)
Digunakan di screens, digital displays
🎨 HSL (Hue Saturation Lightness)
Hue (0-360°), Saturation (0-100%), Lightness (0-100%). Contoh: hsl(221, 83%, 53%)
Lebih intuitif untuk manusia
Fitur Utama
- ✅ Real-time conversion — Convert otomatis saat input berubah
- ✅ Color picker — Pilih warna visual dengan mudah
- ✅ Color variations — Generate lighter/darker shades
- ✅ Color harmony — Complementary, analogous, triadic colors
- ✅ Copy formats — Copy HEX, RGB, HSL, atau CSS
- ✅ Download palette — Export color palette ke file
- ✅ 100% gratis — Tanpa batas, tanpa login
Siapa yang Butuh Tools Ini?
- 🎨 UI/UX Designers — Convert colors untuk design systems
- 💻 Web Developers — Match colors di CSS/SCSS
- 📱 Mobile Developers — Convert colors untuk apps
- 🖼️ Graphic Designers — Match colors across tools
- 📸 Photographers — Color grading references
Cara Menggunakan
- Masukkan warna di salah satu format (HEX, RGB, atau HSL)
- Format lain akan otomatis ter-convert
- Gunakan color picker untuk pilih warna visual
- Lihat variations dan color harmony untuk inspirasi
- Copy atau download color palette
💡 Tip: Gunakan HSL untuk adjust colors secara intuitif. Ubah Lightness untuk membuat warna lebih terang/gelap tanpa mengubah hue!