Lewati ke konten
Logo CrateX.app

CrateX.app​

Konverter Warna

Konverter Warna

Konverter Warna membantu mengubah HEX, RGB, HSL, dan CMYK dengan pratinjau langsung, pemilih warna, dan penggunaan untuk CSS maupun desain.

HEX

#

RGB

HSL

CMYK
Konverter Warna

Mulai cepat

1
Pilih atau masukkan: ketik format apa pun yang didukung (#1E90FF, rgb(30,144,255), hsl(210,100%,56%)) atau gunakan pemilih warna.
2
Konversi otomatis: saat Anda memasukkan satu format, format lain diperbarui seketika.
3
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).

Skenario tambahan

pemilih warna, konverter kode warna, dan konverter HSL dapat ditangani dalam alur yang sama agar hasil lebih cepat diperiksa sebelum disalin atau diekspor.

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.

Keamanan & privasi

Semua pemrosesan berjalan lokal di browser Anda; data tidak pernah meninggalkan perangkat Anda.

Pertanyaan umum

5

Lanjutkan langkah berikutnya dengan alat terkait ini.