Konversi warna profesional untuk desainer dan pengembang
Klik untuk membuka pemilih warna
Semua yang Anda butuhkan untuk manajemen warna dalam alur kerja desain Anda
Konversi antara HEX, RGB, HSL, CMYK, dan format warna lainnya dengan mudah
Konversi warna instan saat mengetik dengan pratinjau langsung warna Anda
Kalkulator rasio kontras bawaan untuk pengujian kepatuhan WCAG
Nilai RGB dan HEX yang sempurna untuk proyek desain web dan digital
Alat desain responsif yang bekerja mulus di semua perangkat
Konversi CMYK yang akurat untuk alur kerja desain cetak profesional
Salin CSS, Swift, Android, dan format kode lainnya langsung
Simpan palet warna dan ekspor dalam berbagai format untuk alat desain
Pilih format warna yang tepat untuk kebutuhan desain Anda
#FF5733Notasi heksadesimal yang sempurna untuk desain web dan CSS
Desain web, CSS, HTML, grafis digital
rgb(255, 87, 51)Nilai Merah, Hijau, Biru untuk desain berbasis layar
Layar digital, pengembangan web, pengeditan foto
hsl(14, 100%, 60%)Hue, Saturasi, Kecerahan untuk penyesuaian warna yang intuitif
Sistem desain, teori warna, animasi
cmyk(0%, 66%, 80%, 0%)Sian, Magenta, Kuning, Hitam untuk pencetakan profesional
Desain cetak, branding, materi pemasaran
Tips profesional untuk penggunaan warna yang efektif dalam desain
RGB menggunakan angka desimal (0-255) untuk nilai merah, hijau, dan biru, sementara HEX menggunakan notasi heksadesimal (00-FF). Keduanya mewakili warna yang sama tetapi dalam format yang berbeda. HEX lebih ringkas dan umum digunakan dalam desain web.
Gunakan CMYK untuk bahan cetak seperti kartu nama, brosur, dan poster. CMYK mewakili bagaimana warna tinta bercampur di atas kertas (warna subtraktif), sementara RGB untuk layar (warna aditif). Warna mungkin terlihat berbeda antara format.
Periksa rasio kontras menggunakan pemeriksa aksesibilitas bawaan kami. Targetkan setidaknya 4.5:1 untuk teks normal dan 3:1 untuk teks besar. Juga uji desain Anda dengan simulator buta warna dan pastikan informasi tidak disampaikan hanya oleh warna saja.
Ya! Konverter kami menyediakan kode warna yang diformat untuk alat desain populer termasuk Photoshop, Illustrator, Sketch, Figma, CSS, Swift, dan pengembangan Android. Cukup salin format yang Anda butuhkan.
HSL (Hue, Saturation, Lightness) mewakili warna dengan cara yang sesuai dengan persepsi manusia. Ini sangat baik untuk membuat variasi warna, menyesuaikan kecerahan/saturasi, dan membangun skema warna harmonis secara programatis.
Konversi kami secara matematis tepat dan mengikuti standar industri. Namun, tampilan warna aktual dapat bervariasi antar perangkat karena kalibrasi layar, profil warna, dan kondisi penampilan.
Jelajahi lebih banyak alat desain dan warna