Warna
Olah warna: konversi (HEX/RGB/HSL/OKLCH/LAB), color picker, palet & gradien, harmoni warna, kontras WCAG, simulasi buta warna, campur/tint/shade, dan ekspor CSS/SCSS/Tailwind — semuanya di browser.
Penyesuaian
Setel warna: terang/gelap, jenuh/pudar, opasitas/alpha, dan suhu warna.
Color Temperature Adjuster Online
Color Temperature Adjuster gratis di browser. Geser warna lebih hangat (ke oranye) atau lebih dingin (ke biru).
Lighten / Darken Color Online
Lighten / Darken Color gratis di browser. Cerahkan atau gelapkan sebuah warna dengan jumlah persen pilihan.
Opacity / Alpha Calculator Online
Opacity / Alpha Calculator gratis di browser. Setel alpha/opasitas sebuah warna dan dapatkan HEX8 + RGBA-nya.
Saturate / Desaturate Color Online
Saturate / Desaturate Color gratis di browser. Tingkatkan atau kurangi saturasi (kejenuhan) sebuah warna.
Analisis
Periksa properti warna: jarak warna, hue, saturasi, dan inspektor lengkap.
Color Distance (ΔE) Online
Color Distance (ΔE) gratis di browser. Ukur seberapa berbeda dua warna dengan ΔE (CIEDE2000) — sesuai persepsi mata.
Color Inspector Online
Color Inspector gratis di browser. Inspeksi lengkap sebuah warna: semua format, keluarga hue, luminans, dan teks terbaik di atasnya.
Hue Analyzer Online
Hue Analyzer gratis di browser. Cari sudut hue (0–360°) sebuah warna dan keluarga warnanya.
Saturation Analyzer Online
Saturation Analyzer gratis di browser. Ukur saturasi (HSL) sebuah warna dan apakah ia pudar atau hidup.
Kontras & Aksesibilitas
Cek keterbacaan: rasio kontras WCAG, luminans, kecerahan, dan palet aksesibel.
Accessible Text Color Online
Accessible Text Color gratis di browser. Untuk sebuah warna latar, temukan warna teks (putih/hitam) yang lolos WCAG AA.
Brightness Analyzer Online
Brightness Analyzer gratis di browser. Hitung kecerahan persepsi sebuah warna (0–255) dengan pembobotan BT.601.
Luminance Analyzer Online
Luminance Analyzer gratis di browser. Hitung luminans relatif (WCAG) sebuah warna untuk menilai terang/gelapnya.
WCAG Contrast Checker Online
WCAG Contrast Checker gratis di browser. Cek rasio kontras teks/latar terhadap standar aksesibilitas WCAG AA & AAA.
Konverter
Konversi warna antar format: HEX, RGB(A), HSL, HSV, HWB, CMYK, LAB, LCH, OKLab, OKLCH, dan nama CSS.
Color Converter Online
Color Converter gratis di browser. Konversi satu warna ke SEMUA format sekaligus: HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH, OKLab, OKLCH.
CSS Color Converter Online
CSS Color Converter gratis di browser. Parse & normalisasi ekspresi warna CSS apa pun (termasuk oklch/lab/color()) ke semua format.
Named Color Converter Online
Named Color Converter gratis di browser. Konversi nama warna CSS ⇄ HEX, atau temukan nama CSS terdekat dari sebuah warna.
Ekspor
Ekspor warna/palet ke CSS, SCSS, variabel Tailwind, JSON, dan cari warna rata-rata gambar.
Average Color Finder Online
Average Color Finder gratis di browser. Cari warna rata-rata dari sebuah gambar yang diunggah.
Export Colors to CSS Online
Export Colors to CSS gratis di browser. Ekspor daftar warna menjadi custom property CSS dalam blok :root.
Export Colors to JSON Online
Export Colors to JSON gratis di browser. Ekspor daftar warna menjadi objek JSON (nama → hex).
Export Colors to SCSS Online
Export Colors to SCSS gratis di browser. Ekspor daftar warna menjadi variabel SCSS ($color-1, $color-2, …).
Export Colors to Tailwind Online
Export Colors to Tailwind gratis di browser. Ekspor daftar warna menjadi blok konfigurasi warna Tailwind.
Ekstraksi
Tarik warna dari teks/kode: warna CSS, warna SVG, dan warna HTML inline.
CSS Color Extractor Online
CSS Color Extractor gratis di browser. Tarik semua warna unik dari kode CSS (hex, rgb, hsl, oklch, nama).
HTML Color Extractor Online
HTML Color Extractor gratis di browser. Tarik semua warna dari HTML (atribut style inline dan nilai warna).
SVG Color Extractor Online
SVG Color Extractor gratis di browser. Tarik semua warna dari kode SVG (fill, stroke, stop-color, gradien).
Generator
Hasilkan warna/palet/gradien: acak, palet, skala material & Tailwind, variabel CSS, gradien, dan tints/shades.
Color Palette Generator Online
Color Palette Generator gratis di browser. Hasilkan palet warna — acak atau dari warna dasar dengan hue yang tersebar merata.
CSS Color Variables Generator Online
CSS Color Variables Generator gratis di browser. Hasilkan blok :root dengan variabel CSS untuk skala warna (50→950) dari satu warna.
CSS Gradient Generator Online
CSS Gradient Generator gratis di browser. Bangun gradien CSS interaktif (linear, radial, conic, repeating) dengan pratinjau langsung.
Material Color Generator Online
Material Color Generator gratis di browser. Hasilkan skala tonal gaya Material (50→900) dari satu warna dasar.
Shades & Tints Generator Online
Shades & Tints Generator gratis di browser. Hasilkan tint (ke putih) dan shade (ke hitam) dari satu warna dasar.
Tailwind Color Generator Online
Tailwind Color Generator gratis di browser. Hasilkan skala warna gaya Tailwind (50→950) dari satu warna, lewat OKLCH.
Harmoni
Temukan kombinasi warna harmonis: komplementer, analog, triadik, tetradik, split-komplementer, dan monokromatik.
Analogous Color Finder Online
Analogous Color Finder gratis di browser. Temukan warna analog (bersebelahan di roda warna) untuk skema yang harmonis.
Complementary Color Finder Online
Complementary Color Finder gratis di browser. Temukan warna komplementer (berlawanan 180° di roda warna).
Monochromatic Palette Online
Monochromatic Palette gratis di browser. Hasilkan palet monokromatik (satu hue, beberapa tingkat terang) dari sebuah warna.
Split-Complementary Finder Online
Split-Complementary Finder gratis di browser. Temukan skema split-komplementer (warna dasar + dua tetangga komplementernya).
Tetradic Color Finder Online
Tetradic Color Finder gratis di browser. Temukan empat warna (skema persegi, 90°) untuk palet yang kaya.
Triadic Color Finder Online
Triadic Color Finder gratis di browser. Temukan tiga warna yang berjarak sama (120°) untuk skema triadik yang seimbang.
Campur
Gabungkan & ubah warna: campur dua warna, tint, shade, tone, mode blend, dan balik (invert).
Blend Mode Simulator Online
Blend Mode Simulator gratis di browser. Lihat hasil dua warna pada berbagai mode blend CSS (multiply, screen, overlay, dll.).
Color Mixer Online
Color Mixer gratis di browser. Campur dua warna pada rasio pilihan — dicampur di OKLab untuk hasil yang halus.
Invert Color Online
Invert Color gratis di browser. Balikkan warna (negatif) — tiap channel RGB dijadikan 255 minus nilainya.
Shade Generator Online
Shade Generator gratis di browser. Hasilkan shade — versi warna yang lebih gelap dengan mencampurkannya ke hitam.
Tint Generator Online
Tint Generator gratis di browser. Hasilkan tint — versi warna yang lebih terang dengan mencampurkannya ke putih.
Tone Generator Online
Tone Generator gratis di browser. Hasilkan tone — versi warna yang lebih kalem dengan mencampurkannya ke abu-abu.
Pustaka Palet
Jelajahi palet siap pakai: Material, Tailwind, Bootstrap, Flat UI, dan web-safe.
Bootstrap Palette Online
Bootstrap Palette gratis di browser. Jelajahi palet warna tema Bootstrap dan skala abu-abunya.
Flat UI Palette Online
Flat UI Palette gratis di browser. Jelajahi palet warna Flat UI yang populer.
Material Design Palette Online
Material Design Palette gratis di browser. Jelajahi palet warna Material Design yang umum dipakai.
Tailwind CSS Palette Online
Tailwind CSS Palette gratis di browser. Jelajahi palet warna bawaan Tailwind CSS.
Web-Safe Color Palette Online
Web-Safe Color Palette gratis di browser. Jelajahi 216 warna web-safe klasik.
Pemilih
Pilih warna: color picker visual, ambil dari gambar, eyedropper layar, dan warna acak.
Color Picker Online
Color Picker gratis di browser. Pilih warna secara visual dan dapatkan nilainya dalam HEX, RGB, HSL, OKLCH, dan lainnya.
Eyedropper Tool Online
Eyedropper Tool gratis di browser. Ambil warna dari mana saja di layar Anda dengan EyeDropper API (Chrome/Edge).
Image Color Picker Online
Image Color Picker gratis di browser. Unggah gambar dan klik piksel mana pun untuk mengambil warna persisnya.
Random Color Generator Online
Random Color Generator gratis di browser. Hasilkan warna acak — satu atau banyak — lengkap dengan kotak warna dan nilai HEX.
Penglihatan Warna
Uji untuk buta warna: simulator buta warna dan pengecek aman-buta-warna.
Color Blindness Simulator Online
Color Blindness Simulator gratis di browser. Unggah gambar dan lihat tampilannya bagi penyandang protanopia, deuteranopia, tritanopia, dan akromatopsia.
Color-Blind Safe Checker Online
Color-Blind Safe Checker gratis di browser. Cek apakah dua warna tetap dapat dibedakan oleh penyandang buta warna.