03
KONTRAST
WCAG AA & AAA
Padukan dua warna apa pun. Dapatkan rasio. Lulus / gagal untuk teks tubuh dan teks besar.
HTMLColorCodes.com runs banner ads against your visit and ranks for "color picker" with a static page. Coolors gates the meaningful exports behind a $3-$5/month plan. Adobe Color needs a Creative Cloud account. The other dozen tools have you upload an image to extract a palette — for a problem the browser already solved with the eyedropper API. Morph picks colors visually, converts between HEX, RGB, HSL, CMYK, generates palettes (complementary, analogous, triadic, split, monochromatic), and runs WCAG contrast checks — all in your tab, no ads, no upload, no account. Free for everything that runs on your device; AI is paid in credits.
Ketik #FF5200 dan lihat RGB(255, 82, 0), HSL(19, 100%, 50%), CMYK(0, 68, 100, 0), dan warna CSS bernama terdekat. Salin format apa pun dengan satu klik. Edit setiap bidang, yang lain tetap disinkronkan.
Komplementer, analog, triadik, split-komplementer, monokromatik, tetradik. Pilih dasar, dapatkan palet yang dapat digunakan dalam lima nuansa.
Padukan dua warna apa pun. Dapatkan rasio. Lulus / gagal untuk teks tubuh dan teks besar.
API EyeDropper di Chrome / Edge. Ambil pixel di mana saja di layar.
Tiga pola mendominasi pasar pemilih warna. Pertama: situs yang dikelilingi iklan yang mengungguli semua hal karena usianya, padat dengan iklan banner, dan hampir tidak interaktif — HTMLColorCodes adalah contoh klasik. Kedua: SaaS yang didanai VC seperti Coolors yang mengunci ekspor, generator gradien, dan penyimpanan palet di balik langganan $3-$5/bulan yang tidak Anda butuhkan untuk fungsi yang sudah disediakan browser secara bawaan. Ketiga: Adobe Color tingkat perusahaan yang mengharuskan akun Creative Cloud untuk apa yang seharusnya menjadi seratus baris kode. Morph adalah versi pertama lokal, tanpa akun, semua format termasuk. Browser sudah memiliki API EyeDropper dan input warna; Morph membungkusnya dalam antarmuka yang mudah digunakan dan menambahkan matematika (CMYK, HSL, kontras, teori palet) yang dibutuhkan setiap desainer.
Coolors dan Adobe Color memiliki perpustakaan palet komunitas — jutaan palet yang disimpan pengguna yang dapat Anda telusuri dan remix. Jika alur kerja Anda berpusat pada inspirasi yang dikurasi komunitas, pemilih mandiri Morph bukanlah permukaan yang tepat. Morph adalah matematika + konversi + pembuat palet + pemeriksaan kontras — bagian yang deterministik dan dapat direproduksi. Bagian "telusuri jutaan palet pengguna" adalah produk berbeda, dan Coolors memiliki yang kuat.
Ya. Masukkan kode warna HEX apa pun dan Morph langsung menunjukkan ekivalen RGB, HSL, dan CMYK. Bekerja dalam kedua arah — ketik ke dalam bidang apa pun dan bidang lainnya akan disinkronkan.
Ya. Morph menghitung rasio kontras WCAG antara dua warna apa pun dan memberi tahu Anda apakah kombinasi tersebut memenuhi standar aksesibilitas AA atau AAA untuk teks tubuh dan teks besar.
Ya. Pilih warna dasar dan Morph menghasilkan palet komplementer, analog, triadik, split-komplementer, monokromatik, dan tetradik berdasarkan teori warna.
Ya di Chrome dan Edge — Morph memanggil API EyeDropper browser. Klik tombol eyedropper, arahkan ke mana saja di layar, klik untuk mengambil sampel. Safari dan Firefox belum mengekspos API ini; di browser tersebut Morph beralih ke memilih dari permukaan pemilih.
Palet yang disimpan tersimpan di localStorage perangkat Anda. Mereka tidak pernah disinkronkan ke server Morph. Hapus penyimpanan browser, mereka hilang — dan Morph tidak memiliki salinan.