Tanpa unggah, 100% lokal, tanpa akun

Generator Skema Warna

Pilih warna dasar dan dapatkan palet lengkap, komplementer, analog, triadik, tetradik, atau monokromatik. Salin swatch apa pun sebagai HEX, RGB, atau HSL. Tidak ada yang meninggalkan browser Anda.

Cara kerja Generator Skema Warna

Color Scheme Generator membangun palet warna lengkap dari satu warna dasar yang Anda pilih: komplementer (berlawanan pada roda rona), analogus (rona yang berdekatan), triadik (tiga yang merata jarak), tetradik (empat rona dalam dua pasang komplementer), dan monokromatik (variasi kecerahan dan saturasi dari rona yang sama). Semua logika palet berjalan di browser; tidak ada yang Anda masukkan yang meninggalkan perangkat Anda.

Setiap palet yang dihasilkan menampilkan swatch dengan nilai HEX dan RGB yang siap disalin. Ini memberi desainer titik awal yang berakar pada teori warna daripada dugaan. Karena generator dapat bekerja offline setelah pemuatan halaman awal, Anda dapat bereksperimen secara bebas dengan warna merek selama pertemuan klien tanpa memerlukan koneksi jaringan. Masukkan warna dasar Anda dalam notasi apa pun yang Anda miliki, HEX, RGB, atau HSL, dan setiap swatch yang dihasilkan akan diberikan kembali dalam ketiganya sehingga Anda dapat menyalin yang dibutuhkan oleh alat desain Anda.

Ditulis oleh Bastien Sulyan

Cara menggunakan Generator Skema Warna, langkah demi langkah

  1. Pilih warna dasar menggunakan pemilih warna atau dengan mengetikkan nilai HEX.
  2. Pilih jenis harmoni dari tab: komplementer, analogus, triadik, tetradik, atau monokromatik.
  3. Swatch palet muncul secara instan dengan nilai HEX dan RGB-nya.
  4. Klik swatch mana pun untuk menyalin nilai HEX-nya ke clipboard Anda.
  5. Sesuaikan warna dasar untuk menjelajahi variasi dan lihat seluruh palet diperbarui.

Kasus penggunaan umum

  • Seorang desainer yang memulai identitas merek baru memilih warna utama dan menghasilkan palet triadik untuk mengusulkan kombinasi tiga warna kepada klien.
  • Seorang pengembang yang membangun tema mode gelap menggunakan palet monokromatik untuk menghasilkan berbagai tint dan shade dari satu warna merek.
  • Seorang pembuat konten memilih palet analogus untuk memilih warna aksen untuk presentasi yang terasa kohesif tanpa kontras yang keras.
  • Seorang desainer UI menggunakan palet komplementer untuk mengidentifikasi warna aksen kontras tinggi yang menonjol terhadap warna merek utama.

Pertanyaan yang sering diajukan

Bagaimana cara kerja palet komplementer?

Warna komplementer adalah rona yang langsung berlawanan dengan warna dasar pada roda warna HSL, 180 derajat jauhnya. Menempatkan warna komplementer berdampingan menciptakan kontras maksimum. Alat ini menampilkan warna dasar dan komplementernya, ditambah varian lebih terang dan lebih gelap dari masing-masing.

Apa perbedaan antara palet triadik dan tetradik?

Palet triadik menggunakan tiga rona yang merata jarak 120 derajat di roda warna. Palet tetradik menggunakan empat rona berjarak 90 derajat, membentuk dua pasang komplementer (juga disebut palet komplementer ganda atau persegi). Palet tetradik lebih kompleks dan memerlukan penyeimbangan proporsi yang cermat untuk menghindari kebisingan visual.

Apakah warna yang saya pilih disimpan atau dikirim ke mana pun?

Tidak. Pembuatan palet adalah aritmatika pada representasi HSL warna dasar: memutar sudut rona dengan jumlah tetap, menggeser kecerahan dan saturasi. Setiap perhitungan berjalan secara lokal di browser; tidak ada yang dikirim ke server mana pun.

Bisakah saya mengekspor palet sebagai file CSS atau file token desain?

Alat ini saat ini menampilkan swatch dengan nilai HEX dan RGB yang dapat disalin. Untuk ekspor properti kustom CSS lengkap atau token desain JSON, salin nilai secara manual ke file token proyek atau CSS Anda. Tombol ekspor khusus mungkin ditambahkan dalam pembaruan mendatang.

Apakah generator ini mengikuti standar teori warna formal mana pun?

Perhitungan palet menggunakan rumus rotasi rona standar dalam ruang warna HSL, yang merupakan konvensi dalam sebagian besar alat desain web. Keseragaman perseptual HSL yang tepat memiliki keterbatasan dibandingkan dengan LAB atau OKLCH, tetapi rotasi HSL menghasilkan palet yang sesuai dengan konvensi roda warna yang biasanya diharapkan desainer.

Alat terkait

Jaga semuanya tetap lokal, jelajahi alat pelengkap.

Semua alat developer