Dzzz

Alat warna

Palet, gradien, konversi format, dan pemeriksaan kontras — semuanya di perangkat Anda.

#3B82F6
#F6AF3B

Alat warna gratis yang berjalan sepenuhnya di perangkat Anda: buat palet dari warna dasar apa pun dengan enam skema harmoni, rancang gradien CSS linear, radial, atau konik dengan pratinjau langsung, konversi antara HEX, RGB, dan HSL, serta periksa kontras teks terhadap ambang WCAG AA dan AAA. Tidak ada yang diunggah — semuanya berfungsi offline.

Oleh Dzzz AI Diperbarui

Tentang alat ini

Yang perlu Anda sediakan

  • Warna dasar dalam HEX, dan skema harmoni.
  • Titik gradasi, jenis gradasi (linear, radial, atau konik), dan sudut.
  • Dua warna untuk pemeriksaan kontras, dan apakah teksnya berukuran besar.

Yang Anda dapatkan

  • Palet yang dapat Anda salin sebagai daftar HEX atau sebagai variabel CSS.
  • CSS untuk gradasi, dan warna yang dikonversi antara HEX, RGB, dan HSL.
  • Rasio kontras dengan hasil lulus atau gagal terhadap ambang WCAG AA dan AAA.

Batasan

  • Bekerja dalam sRGB 8-bit — hanya HEX, RGB, dan HSL, tanpa CMYK atau profil warna cetak.
  • Konversi bolak-balik dapat menggeser satu kanal sebesar satu angka, yang merupakan pembulatan 8-bit yang wajar.
  • Pemeriksaan kontras hanya mencakup dua warna yang Anda masukkan, bukan bagian lain dari desain.

Cara menggunakannya

  1. Buka panel

    Pilih Palet, Gradasi, atau Konversi & Kontras pada deretan tab di bawah judul.

  2. Buat palet

    Di Palet, atur warna dasar dengan pemilih warna atau kolom HEX, pilih harmoni (Komplementer, Analogus, Triadik, Tetradik, Komplementer terbagi, atau Monokromatik), lalu kunci sampel warna yang ingin dipertahankan dan tekan Buat ulang untuk mengacak sisanya.

  3. Rancang gradasi

    Di Gradasi, pilih Linear, Radial, atau Konik, atur "Sudut (derajat)" — tersedia untuk tipe linear dan konik — serta tambah atau hapus titik warna beserta posisinya, sementara pratinjau dan baris CSS di bawahnya diperbarui seketika.

  4. Konversi dan periksa kontras

    Di Konversi & Kontras, ketik pada kolom HEX, RGB, atau HSL dan dua lainnya mengikuti, lalu atur warna teks dan latar, dan centang Teks besar untuk membaca rasio kontras beserta penilaian AA dan AAA.

  5. Salin hasil

    Gunakan Salin daftar HEX atau Salin variabel CSS di palet, Salin CSS di panel gradasi, atau "Salin tautan ke hasil ini" untuk membagikan pengaturan yang dibawa oleh URL.

Pertanyaan yang sering diajukan

Bagaimana cara mengonversi warna antara HEX dan RGB?

Gunakan fitur konversi format di Alat warna untuk mengonversi warna antarformat, langsung di perangkat Anda.

Bisakah saya memeriksa kontras warna untuk aksesibilitas di sini?

Ya, Alat warna menyertakan pemeriksa kontras di samping fitur konversi formatnya.

Apakah Alat warna gratis dan berjalan sepenuhnya di perangkat Anda?

Ya, gratis digunakan dan semuanya berjalan sepenuhnya di perangkat Anda.