Alat Warna
Utilitas warna gratis, cepat, dan akurat untuk desainer dan pengembang. Tidak perlu mendaftar.
Pemeriksa Kontras
Periksa rasio kontras warna berdasarkan pedoman WCAG 2.1. Uji kepatuhan AA dan AAA untuk teks normal dan besar.
Buka alat
Konverter Warna
Konversi antara format warna HEX, RGB, HSL, HSV, CMYK, dan OKLCH secara instan.
Buka alat
Generator Palet
Hasilkan palet warna harmonis menggunakan skema komplementer, analog, triadik, dan komplementer terpisah.
Buka alat
Generator Gradasi
Hasilkan skala nada gaya Tailwind CSS (50–950) dari warna dasar apa pun untuk sistem desain.
Buka alat
Simulator Buta Warna
Simulasikan bagaimana warna terlihat pada kondisi deuteranopia, protanopia, tritanopia, dan akromatopsia.
Buka alat
Generator Gradien
Buat gradien CSS linier dan radial yang indah dengan pratinjau langsung dan kode siap salin.
Buka alat
Pertanyaan yang Sering Diajukan
Pemeriksa kontras WCAG mengukur rasio luminansi antara warna latar depan dan latar belakang untuk menentukan apakah memenuhi standar Pedoman Aksesibilitas Konten Web (WCAG) 2.1. Rasio minimal 4.5:1 diperlukan untuk kepatuhan AA dengan teks normal, dan 7:1 untuk kepatuhan AAA.
Kode warna HEX seperti #4285F4 dibagi menjadi tiga pasang: 42 (merah), 85 (hijau), F4 (biru). Setiap pasang dikonversi dari heksadesimal ke desimal. Jadi #4285F4 menjadi RGB(66, 133, 244). Alat Konverter Warna kami menangani format HEX, RGB, HSL, HSV, CMYK, dan OKLCH secara instan.
Generator palet warna menciptakan kombinasi warna yang harmonis dari warna dasar menggunakan aturan teori warna. Skema umum mencakup komplementer (berlawanan pada roda warna), analogus (warna berdekatan), triadik (tiga warna berjarak sama), dan split-komplementer. Palet ini memastikan harmoni visual dalam desain.
Tailwind CSS menggunakan skala nuansa 50–950 untuk setiap warna, di mana 50 adalah tint paling terang dan 950 adalah nuansa paling gelap. Generator Nuansa kami membuat skala lengkap ini dari warna dasar mana pun, sesuai dengan keseragaman perseptual Tailwind untuk sistem desain yang konsisten.
Simulator buta warna menerapkan transformasi matematis pada warna untuk memodelkan bagaimana warna tersebut tampak bagi orang dengan defisiensi penglihatan warna. Jenis utamanya adalah Deuteranopia (buta hijau, ~6% pria), Protanopia (buta merah, ~1%), Tritanopia (buta biru, jarang), dan Achromatopsia (buta warna total).
ColorFYI mendukung enam format warna: HEX (#4285F4), RGB (66, 133, 244), HSL (217°, 89%, 61%), HSV (217°, 73%, 96%), CMYK (73%, 45%, 0%, 4%), dan OKLCH (0.63, 0.17, 264°). OKLCH adalah ruang warna yang seragam secara perseptual yang direkomendasikan untuk CSS modern.
Ya, semua enam alat warna ColorFYI sepenuhnya gratis tanpa perlu mendaftar. Semuanya berjalan langsung di browser Anda untuk hasil instan — Pemeriksa Kontras, Konverter Warna, Generator Palet, Generator Nuansa, Simulator Buta Warna, dan Generator Gradien.