Lewati ke konten
Konverter Waktu Kickoff Piala Dunia sudah tersediaLihat kickoff dalam zona waktu Anda dan tambahkan pengingat kalender.
Logo CrateX.app

CrateX.app​

Konverter Warna

Konversikan satu warna secara lokal antara 6 digit HEX, RGB, HSL, dan CMYK dengan pemilih warna, warna acak, pratinjau langsung, kontrol saluran, dan string CSS yang siap disalin.

HEX

#

RGB

HSL

CMYK
Konverter Warna

Mulai cepat

1
Masukkan HEX 6 digit atau kanal RGB/HSL/CMYK
2
Gunakan pemilih atau warna acak, lalu cek nilai tersinkron
3
Salin string CSS HEX, RGB, HSL, atau CMYK

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

ubah warna layar menjadi CMYK sebagai perkiraan pertama, lalu konfirmasikan dengan pemeriksaan dan alur kerja pencetakan

Aksesibilitas

gunakan pratinjau untuk pemeriksaan visual cepat saja; gunakan alat kontras khusus untuk rasio yang tepat

Parameter konversi & tampilan

Aturan masukan: HEX hanya mendukung 6 digit (#RRGGBB, tanpa #RGB, #RGBA, #RRGGBBAA, atau alpha); RGB 0–255; H 0–360; S/L 0–100; CMYK 0–100. Masukan tidak peka huruf besar-kecil
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 merupakan perkiraan: nilainya bergantung pada profil ICC, kertas, tinta, perangkat, dan pemeriksaan; gunakan ini sebagai referensi, bukan nilai siap cetak
Tanpa alfa: alat ini tidak memproses nilai transparansi, rgba(), hsla(), #RGBA, atau #RRGGBBAA.
Subset warna CSS: warna bernama, transparan, currentColor, HWB, HSV/HSB, Lab, LCH, OKLab, OKLCH, Display-P3, device-cmyk(), warna relatif, color-mix(), dan contrast-color() berada di luar alat ini
Tidak ada alat gambar atau palet: halaman ini tidak melakukan pengambilan sampel gambar, pipet layar, pembuatan palet, pembuatan gradien, pemeriksaan rasio kontras, ekspor variabel CSS, atau ekspor token desain

Privasi & keamanan

Pemrosesan berjalan di browser. Warna saat ini, nilai kanal, pengaturan output, presisi desimal, preferensi HEX huruf besar, preferensi pratinjau, dan daftar warna terbaru dapat tetap berada di sesi browser saat ini atau penyimpanan browser. Jika Anda menyimpan ruang kerja atau mengaktifkan sinkronisasi WebDAV, warna saat ini dan pengaturan dapat disimpan sesuai pengaturan sinkronisasi Anda; warna terbaru tidak disinkronkan melalui WebDAV. String HEX, RGB, HSL, dan CMYK dihitung ulang dari warna saat ini dan pengaturan, serta tidak disimpan sebagai hasil terpisah. Halaman ini tidak membaca gambar, tidak mengambil sampel layar, tidak mengambil URL, dan tidak mengirim warna untuk konversi di server. Di perangkat bersama, hapus warna, pengaturan, dan data situs bila perlu.

Pertanyaan umum

5

Lanjutkan langkah berikutnya dengan alat terkait ini.

Sumber daya

Panduan

Tentang

Tentang kami
Harga

Legal​

Ketentuan
Kebijakan privasi
Kebijakan cookie

Preferensi

Kelola Cookie

Seluruh pemrosesan alat terjadi secara lokal di browser Anda.