Generator Skema Warna

Hasilkan palet warna yang harmonis menggunakan teori warna: komplementer, analog, triadik, tetradik, dan lainnya.

Warna dasar

Skema warna

Palet yang dihasilkan

#3C83F6

Dasar

#F6AF3C

Komplementer

HSL dasar: hsl(217, 91%, 60%)

Tentang alat ini

Generator skema warna menggunakan hubungan teori warna untuk menghasilkan palet harmonis dari satu warna dasar.

Pendekatan ini mencerminkan metode yang digunakan oleh alat desain profesional.

Komplementer: Dua warna berlawanan pada roda warna (180°). Kontras tinggi.
Analogus: Tiga warna berdekatan (±30°). Harmonis dan alami.
Triadik: Tiga warna dengan jarak sama (120°). Cerah dan seimbang.
Tetradik: Empat warna dengan jarak sama (90°). Palet yang kaya dan kompleks.
Komplementer terpisah: Dasar + dua warna di sebelah komplementer. Kontras tinggi tapi lebih lembut.
Monokromatik: Lima nuansa warna yang sama. Halus dan kohesif.

Desainer merek menghasilkan palet lengkap dari satu warna merek. Pengembang web memilih warna aksen komplementer untuk status hover.

Mengapa beberapa warna terlihat mirip? — Terjadi ketika saturasi atau kecerahan sangat rendah atau tinggi. Coba gunakan nada tengah yang lebih jenuh sebagai dasar.
Bisakah saya menggunakannya di Tailwind atau CSS? — Ya. Salin kode hex dan gunakan sebagai warna kustom di tailwind.config atau variabel CSS.
Apa itu HSL? — Hue-Saturation-Lightness (Rona-Saturasi-Kecerahan). Hue adalah sudut pada roda warna (0-360°).