Pemilih warna Morph memungkinkan Anda memilih warna secara visual dan langsung membaca kode warna dalam format yang Anda gunakan: HEX (`#3A7BD5`), RGB (`rgb(58, 123, 213)`), dan HSL (`hsl(214, 64%, 53%)`). Geser di bidang warna untuk menyesuaikan saturasi dan kecerahan, lalu sesuaikan dengan slider nuansa, lalu salin nilai langsung ke CSS, file desain, atau tempat lain yang Anda butuhkan.
Ketiga kode tersebut menggambarkan warna yang sama — hanya berbeda cara penulisannya, dan masing-masing memiliki fungsi:
Ubah warna sesuka Anda dan ketiga kode tetap sinkron, sehingga Anda bisa mengambil format yang dibutuhkan proyek.
Desainer menggunakannya untuk menentukan palet warna dan menyalin nilai tepat ke file desain atau panduan gaya. Pengembang front-end menggunakannya untuk mendapatkan HEX untuk tombol atau mengonversi RGB desainer ke HSL untuk membangun state hover. Siapa pun yang mengatur tema, warna grafik, atau template email dapat menemukan nuansa tepat dan menyalinnya dalam satu klik. Karena HSL ada di samping HEX, membangun variasi lebih terang atau lebih gelap dari warna dasar jauh lebih mudah daripada menebak digit hex.
Pemilih warna ini adalah kode browser murni — matematika warna dan antarmuka berjalan di perangkat Anda. Tidak ada yang diunggah, tidak ada akun, dan tidak ada yang dikirim ke server. Ini memuat cepat dan tetap berfungsi offline setelah halaman terbuka, karena memilih warna dan menghitung kode tidak pernah membutuhkan koneksi jaringan.
Saat menyalin nilai HEX, siap untuk ditempel ke CSS langsung. Jika Anda membutuhkan warna dengan transparansi, konversi ke RGB dan tambahkan saluran alpha (`rgba(...)`) dalam kode Anda. Untuk membangun palet yang konsisten, pilih satu warna dasar dan gunakan nilai HSL kecerahan untuk menghasilkan nuansa dan warna gelap dengan menggeser kecerahan naik atau turun sambil mempertahankan nuansa dan saturasi tetap — ini menjaga serangkaian warna terasa seperti satu keluarga, bukan sekumpulan acak.
Ini menampilkan HEX, RGB, dan HSL untuk setiap warna yang Anda pilih, semuanya tetap sinkron, sehingga Anda bisa menyalin format yang dibutuhkan proyek.
HSL memudahkan menyesuaikan warna secara intuitif — tingkatkan kecerahan untuk nuansa lebih terang, turunkan untuk warna gelap, atau geser nuansa — tanpa menebak digit hex.
Pilih warna Anda, salin nilai RGB, lalu tambahkan saluran alpha dalam kode Anda sebagai rgba(...) untuk menentukan tingkat transparansi yang Anda inginkan.
Tidak. Pemilih berjalan sepenuhnya di browser Anda. Tidak ada yang diunggah dan tidak ada yang dikirim ke server — bahkan bekerja offline setelah dimuat.
Pilih warna dasar dan gunakan nilainya dalam HSL, lalu geser kecerahan naik atau turun sambil mempertahankan nuansa dan saturasi tetap untuk menciptakan nuansa dan warna gelap yang terasa seperti satu set.