Utilore

Generator palet warna

Pilih satu warna awal, lalu alat ini menyusun sisanya berdasarkan roda warna. Klik kotak mana pun untuk menyalin kodenya, atau jatuhkan sebuah foto dan ambil paletnya langsung dari sana.

Skema

Klik salah satu warna untuk menyalin kodenya

    Palet dari foto

    Foto tidak pernah meninggalkan perangkat Anda: browser membacanya langsung.

      Cara pakai

      1. Ketik kode warna atau buka pemilihnya: palet digambar ulang sambil Anda memilih.
      2. Ganti skemanya: warna komplementer berada di seberang roda, sedangkan triad membaginya menjadi tiga.
      3. Klik satu kotak untuk menyalin kodenya, atau salin seluruh set sebagai variabel CSS.
      4. Untuk mengambil warna dari foto, pilih sebuah gambar: berkas itu dibaca di perangkat Anda.

      Perlu diketahui

      Dari mana sudut-sudut itu berasal

      Skema warna bukan soal selera melainkan soal geometri pada roda warna. Warna komplementer terletak tepat di seberang, pada 180°; triad membagi lingkaran menjadi tiga bagian sama besar 120°; warna analog adalah tetangga dalam jarak tiga puluh derajat. Alat ini memutar rona sambil menjaga kejenuhan dan kecerahan, sehingga warna pendampingnya tetap sama cerah dan sama pekat dengan warna awal Anda.

      Kenapa foto memberi warna sungguhan, bukan warna lumpur

      Menghitung piksel yang paling sering muncul tidak berhasil pada sebuah foto: langit saja menyimpan sejuta biru yang berbeda tipis, masing-masing muncul sekali. Alat ini membelah ruang warna menjadi dua di sepanjang kanalnya yang paling lebar, lalu mengulanginya sampai kotaknya cukup, sehingga setnya memuat langit, wajah, dan bayangan secara terpisah alih-alih satu warna cokelat rata-rata.

      Sumber

      Pertanyaan umum

      Skema mana yang sebaiknya dipakai untuk situs web?

      Monokrom atau analog adalah pilihan aman: keduanya menjaga halaman tetap tenang dan tidak saling berebut perhatian. Ambil warna komplementer untuk satu elemen yang memang harus terlihat, misalnya tombol, lencana, atau peringatan.

      Bagaimana memakai palet ini di dalam kode?

      Salin blok variabel CSS di bawah kotak-kotak warna lalu tempel ke lembar gaya Anda. Namanya keluar sebagai --color-1 … --color-6, yang lebih mudah dibaca di proyek orang lain daripada sederet kode heksadesimal.

      Apakah foto saya diunggah ke suatu tempat?

      Tidak. Gambar diuraikan di halaman ini dan diperkecil ke 160 piksel sebelum warnanya dihitung: tidak ada yang keluar dari perangkat, dan jawabannya datang seketika.

      Kenapa deretan gradasi gelap tidak berakhir di warna hitam?

      Hitam murni dan putih murni tidak membawa informasi apa pun: semua orang sudah mengenalnya, dan di dalam palet keduanya hanya memakan satu slot. Deretannya berhenti sedikit sebelum ujung, sehingga setiap kotak tetap warna yang bisa dipakai.

      Alat terkait