English
Español
Português
Français
Deutsch
Italiano
Türkçe
Bahasa IndonesiaWarna Converter
Tempel warna apa pun (HEX, RGB, HSL, HSV, CMYK atau nama) dan dapatkan semua format seketika. Pratinjau live, shades dan harmoni, chip kontras, salin sekali klik. Tekan Spasi untuk acak.
Apa itu konverter warna?
Satu warna, semua bahasa
Warna yang sama bisa ditulis banyak cara: HEX untuk stylesheet, RGB untuk layar dan kode, HSL untuk membangun palet, HSV untuk editor foto, CMYK untuk cetak, dan LAB/XYZ untuk kerja perseptual. Alat ini menerjemahkan di antaranya seketika, ketik dalam notasi apa pun dan semua padanannya muncul dengan pratinjau live.
Selain konversi Anda mendapat shades dan tint, harmoni komplementer/analog/triadik, pratinjau kontras di atas putih dan hitam, dan tautan yang bisa dibagikan.
Cara menggunakan
01
Masukkan format apa pun
HEX (#3B82F6 atau #39F), rgb(), hsl(), hsv(), cmyk(), “255,130,246” atau nama seperti teal. Terdeteksi otomatis saat Anda mengetik.
02
Salin yang Anda butuhkan
Tiap baris punya tombol salin sendiri plus Copy-all. Tempel langsung ke CSS, Tailwind, Figma atau spec cetak.
03
Jelajahi variasi
Klik shade atau harmoni mana pun untuk memuat ulang. Lompat ke pemeriksa kontras untuk verifikasi keterbacaan.
Contoh nyata
Figma HEX → CSS dan Tailwind
Desainer memberi Anda #3B82F6, tempel untuk mendapat rgb(59,130,246) untuk kanvas, HSL untuk varian hover, dan tautan ?hex=… yang bisa dibagikan untuk tiket. Alur paling sering dipakai di situs konverter.
Varian hover dan tema dengan HSL
Butuh tombol lebih gelap saat hover? Pertahankan hue/saturasi, turunkan lightness 10 poin (mis. hsl(217,91%,60%) → 50%). Salin HEX baru. Tanpa tebakan, token desain konsisten.
Kit brand dalam semua notasi
Dokumentasikan satu warna brand sebagai HEX untuk CSS, RGB untuk aplikasi, HSL untuk theming dan CMYK untuk kop surat, berdampingan. Klik shade mana pun untuk memuat ulang dan membangun skala penuh 50–950.
Cek kemasan cetak
Warna cerah layar bergeser saat cetak. Tempel HEX untuk pratinjau CMYK naif (mis. biru hidup → cyan/magenta tinggi), lalu konfirmasi dengan proof dan profil ICC sebelum produksi.
Matematika foto dan kanvas dengan HSV/RGB
Editor berpikir dalam HSV/HSB (Photoshop), kode berpikir dalam kanal RGB 0–255. Konversi hsv(217,76%,96%) ke kanal untuk skrip, shader atau pipeline gambar.
Debug selisih dan kontras
Warna terlihat beda lintas platform? Konversi untuk membandingkan kanal tepat, periksa chip putih/hitam, lalu lompat ke pemeriksa kontras untuk verifikasi keterbacaan sebelum rilis.