ToolZool

Studio Warna

Satu tempat untuk semua alat di ⁨Studio Warna⁩.

Palet, CSS, dan kontras.

⁨7⁩ alat gratisTanpa perlu daftarJalan di perangkat apa punFilemu tetap di kamu

Jelajahi ⁨Studio Warna⁩ di bawah dan temukan alat yang pas untuk tugasmu.

Alat di ⁨Studio Warna⁩

⁨0⁩ alat · ⁨7⁩ direncanakan

Dikelompokkan berdasarkan pekerjaan yang mau kamu selesaikan. ⁨0⁩ sudah aktif; sisanya masih dibangun dan ditandai Segera.

Warna & CSS

Nilai yang bisa langsung ditempel ke stylesheet.⁨7⁩ alat
Konverter warnaSegeraSatu warna dalam semua notasi sekaligus, lengkap dengan cek kontras WCAG.HEX · RGB · HSLPembuat palet warnaSegeraHarmoni, tint, dan shade dari satu warna dasar, dengan kode heksa siap disalin.HEXPembuat gradien CSSSegeraGradien linear dan radial dengan pratinjau langsung dan CSS persis untuk ditempel.CSSPembuat box shadowSegeraOffset, blur, spread, dan warna, dipratinjau di kartu sungguhan saat kamu menyetelnya.CSSPemeriksa kontrasSegeraDua warna, satu rasio, dan jawaban tegas soal lolos AA dan AAA atau tidak.WCAGPencari warna TailwindSegeraKelas Tailwind terdekat untuk nilai heksa apa pun, lengkap dengan jaraknya supaya bisa kamu nilai.HEXSimulator buta warnaSegeraLihat desainmu seperti yang dilihat delapan persen pria, sebelum kamu mengandalkan merah dan hijau.JPG · PNG
Habitat lain untuk dijelajahi

Kami membuka habitat kalau isinya sudah layak dikunjungi.

Jelajahi semua habitat

Tentang ⁨Alat warna⁩

Standar kontras mana yang kalian pakai?

Luminansi relatif WCAG 2.2, perhitungan yang sama dengan yang dipakai auditor dan peralatan pengembang di browser. 4,5:1 untuk teks isi, 3:1 untuk teks berukuran besar dan batas elemen antarmuka.

Kenapa paletku terlihat berbeda saat dicetak?

Layar bekerja secara aditif, tinta secara subtraktif, jadi warna layar yang menyala sering tidak punya padanan dalam tinta. Perlakukan nilai CMYK sebagai titik awal untuk proof, bukan sebagai kecocokan persis.

Habitat lain
Lab GambarBengkel PDFMeja Tanda TanganLab AudioLab VideoBengkel SEOLab OtomasiBengkel DataSarang DeveloperStasiun TeksPojok KalkulatorPos PrivasiSemua alat →

Berkat kamu,
ToolZool tetap gratis

Alat yang ampuh seharusnya gratis untuk semua orang. Beginilah cara itu dibiayai — semuanya, tanpa ada yang disembunyikan.

Traktir Zooly kopiDukungan langsung yang bikin lampunya menyala dan alat baru terus datang. Sepenuhnya opsional.Dukung Zooly →
Pilihan yang kami sarankanAlat berbayar yang menuntaskan pekerjaan yang tak bisa dilakukan browser. Tidak ada di halaman itu yang menghasilkan uang untuk kami hari ini.Lihat rekomendasi →
Iklan, tetap sopanPenempatan berlabel duduk di luar area kerja, jadi tidak pernah menghalangi kamu dan hasilmu.Baca kebijakan iklan →
Kamu kerenSetiap kunjungan, bagikan, dan kata baik membantu ToolZool tumbuh dan menjangkau lebih banyak orang.