Konverter Warna

Mendukung konversi format warna antara HEX, RGB, HSL, dan CMYK, menyediakan pratinjau langsung dan pemilih warna. Konversi tersinkronisasi otomatis, cocok untuk serah terima desain, penataan gaya CSS, dan penyatuan panduan gaya.

Panduan penggunaan

🚀 Mulai cepat

Pilih atau masukkan: ketik format apa pun yang didukung (#1E90FF, rgb(30,144,255), hsl(210,100%,56%)) atau gunakan pemilih warna.
Konversi otomatis: saat Anda memasukkan satu format, format lain diperbarui seketika.
Salin: gunakan tombol salin di samping setiap format untuk mendapatkan string yang terstandardisasi.

📌 Skenario umum

Handoff desain: konversi HEX dari berkas desain ke RGB/HSL CSS untuk pengembangan.
Panduan gaya: samakan format warna dan cara penulisan di seluruh pustaka komponen.
Referensi cetak: konversi warna layar ke CMYK sebagai perkiraan awal (tetap perlu proofing).
Aksesibilitas: gunakan pratinjau untuk melihat kontras secara cepat (gunakan alat khusus untuk rasio yang presisi).

🎛️ Parameter konversi & tampilan

Aturan input: HEX hanya mendukung 6 digit (tanpa alpha); RGB 0–255; H 0–360; S/L 0–100; CMYK 0–100. Input tidak peka huruf kapital.
Pratinjau: di desktop pratinjau langsung ditampilkan di sisi kanan; di perangkat seluler alat berjalan dalam mode ringan tanpa pratinjau.
Pemilih warna: klik tombol palet di pojok kanan atas setiap kartu untuk membuka pemilih warna.
Kebijakan huruf besar HEX: keluaran dinormalisasi menjadi huruf besar (mis. #1E90FF); input tidak peka huruf besar/kecil; tidak ada pengalih huruf.
Penyetelan halus: seret huruf kanal ke kiri/kanan (Shift×10, Alt÷0.1).
Penyalinan keluaran: tombol salin menghasilkan string yang terstandardisasi (HEX huruf besar).

🧭 Saran penggunaan

Presisi: manajemen warna perangkat/tampilan berbeda‑beda; nilai pipet warna bisa sedikit berbeda antar aplikasi.
Alpha: format saat ini tidak menyertakan alpha; gunakan rgba()/hsla() atau simpan nilai alpha terpisah.
Ruang warna: web secara bawaan menggunakan sRGB; verifikasi dengan saksama pada workflow P3/Display‑P3.
Konsistensi tim: sepakati format baku di CSS (misalnya HSL).

⚠️ Batasan & kompatibilitas

Perbedaan perangkat: monitor/peramban/OS yang berbeda mengelola warna secara berbeda; tampilan dapat bervariasi.
CMYK bersifat perkiraan: nilai di sini hanya estimasi; pekerjaan cetak serius memerlukan profil ICC dan workflow khusus.
Tanpa alpha: alat ini tidak memproses transparansi.

🔒 Privasi & keamanan

Semua pemrosesan dilakukan di peramban Anda; data tidak pernah meninggalkan perangkat.

❓ Pertanyaan umum

Apakah penulisan singkat #RGB didukung?

Tidak didukung; gunakan HEX 6 digit (#RRGGBB).

Berapa rentang nilai RGB dan HSL?

RGB berada di rentang 0–255 (bilangan bulat); H 0–360, S/L 0–100%.

Mengapa CMYK berbeda dengan hasil cetak akhir?

CMYK bergantung pada kertas, tinta, perangkat, dan pengaturan ICC; nilai di sini hanya perkiraan—proofing tetap diperlukan.

Apakah alpha (rgba()/hsla()) didukung?

Saat ini belum didukung; gunakan rgba()/hsla() atau simpan nilai alpha secara terpisah.

Mengapa nilai pratinjau atau hasil konversi berbeda dengan aplikasi desain/peramban?

Perbedaan manajemen warna, rendering, dan kalibrasi layar dapat menyebabkan selisih. Alat ini menghitung di ruang sRGB; hasilnya sebagai referensi.

Apakah ruang warna wide‑gamut (P3/Display‑P3) didukung?

Saat ini berbasis sRGB; untuk workflow P3, verifikasi dengan perangkat target dan profil ICC.

Bisakah saya mengonversi CMYK kembali ke HEX/RGB?

Didukung, tetapi CMYK→warna layar hanya perkiraan; pekerjaan cetak serius memerlukan ICC dan proofing.