Lewati ke konten
Logo CrateX.app

CrateX.app​

Konverter Warna

Konversikan satu warna secara lokal antara HEX 6 digit (#RRGGBB), RGB, HSL, dan CMYK dengan pemilih warna, warna acak, pratinjau langsung, kontrol kanal, nilai CSS HEX/RGB/HSL yang siap disalin, dan notasi referensi CMYK.

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

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: gunakan pemilih warna pada kartu HEX.
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 nilai CSS HEX, RGB, dan HSL terstandardisasi (HEX huruf besar), atau notasi referensi CMYK cmyk(...)

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 berlangsung di browser. Warna saat ini dapat tetap berada dalam sesi browser yang sedang berjalan. Jika Anda menyimpan ruang kerja atau mengaktifkan WebDAV, warna saat ini dapat disimpan atau disinkronkan sebagai bagian dari ruang kerja itu. Keluaran turunan, riwayat pembatalan, dan galat sementara tidak disimpan atau disinkronkan sebagai data terpisah, dan alat ini tidak menyimpan daftar warna terbaru. Halaman ini tidak membaca gambar, mengambil sampel layar, mengambil URL, atau mengirim warna untuk konversi di server. Pada perangkat bersama, hapus warna dan data situs bila diperlukan.

Pertanyaan umum

5

Lanjutkan langkah berikutnya dengan alat terkait ini.

Tentang

Tentang kami
Harga

Legal​

Ketentuan
Kebijakan privasi
Kebijakan cookie

Preferensi

Kelola Cookie

Seluruh pemrosesan alat terjadi secara lokal di browser Anda.