Buat harmoni warna yang menakjubkan dengan roda warna interaktif kami. Hasilkan skema warna komplementer, triadik, analog, dan lainnya. Ekspor sebagai CSS, SCSS, Tailwind, PNG, PDF, atau JSON.

Pilih Jenis Harmoni
Pilih dari skema warna komplementer, monokromatik, analog, triadik, tetradik, atau split-komplementer menggunakan menu tarik-turun.
Sesuaikan Warna pada Roda
Klik dan seret pada roda warna untuk memilih warna dasar Anda. Warna harmoni akan otomatis diperbarui berdasarkan pilihan Anda.
Sesuaikan Luminansi
Gunakan cincin luminansi luar untuk menyesuaikan kecerahan palet warna Anda sambil mempertahankan hubungan harmoni.
Salin atau Ekspor
Klik swatch warna untuk menyalin warna individual, atau gunakan tombol Ekspor untuk mengunduh palet Anda dalam berbagai format.
Roda Warna Interaktif
Seret dan sesuaikan warna pada roda warna visual dengan cincin kontrol luminansi terpisah untuk pemilihan warna yang presisi.
6 Jenis Harmoni Warna
Hasilkan skema warna komplementer, monokromatik, analog, triadik, tetradik, dan split-komplementer secara otomatis.
Berbagai Format Warna
Lihat dan salin warna dalam format HEX, RGB, HSL, dan CMYK dengan sekali klik salin ke papan klip.
Ekspor & Generasi Kode
Ekspor palet sebagai gambar PNG, dokumen PDF, data JSON, variabel CSS, variabel SCSS, atau konfigurasi Tailwind CSS.
Roda warna adalah representasi visual warna yang diatur berdasarkan hubungan kromatiknya. Harmoni warna mengacu pada penataan warna yang menyenangkan yang saling bekerja dengan baik. Alat interaktif kami membantu Anda membuat kombinasi warna yang seimbang secara matematis menggunakan prinsip teori warna tradisional seperti skema warna komplementer (berlawanan), triadik (tiga warna berjarak sama), dan analog (berdampingan).
Teori Warna Profesional
Berdasarkan prinsip teori warna tradisional yang digunakan oleh seniman dan desainer selama berabad-abad untuk menciptakan kombinasi yang menarik secara visual.
Ekspor Ramah Pengembang
Hasilkan variabel CSS, variabel SCSS, dan file konfigurasi Tailwind CSS siap pakai untuk proyek web Anda.
Berbagai Format Ekspor
Ekspor palet Anda sebagai gambar (PNG), dokumen (PDF), atau data (JSON) untuk digunakan di berbagai alat dan platform desain.
Umpan Balik Visual Real-time
Lihat hubungan harmoni divisualisasikan dengan garis penghubung dan sesuaikan warna secara interaktif dengan umpan balik visual instan.
Alat ini menawarkan 6 jenis harmoni: Komplementer (2 warna berlawanan), Monokromatik (variasi satu warna), Analog (3 warna berdekatan), Triadik (3 warna berjarak sama), Tetradik (4 warna berjarak sama), dan Split-Komplementer (1 warna + 2 warna yang berdekatan dengan komplemennya).
Gunakan cincin luminansi luar di sekitar roda warna. Klik dan seret pada cincin ini untuk menyesuaikan terang/gelap semua warna dalam harmoni Anda sambil mempertahankan hubungan hue dan saturasi mereka.
Ya, klik pada swatch warna mana pun untuk menyalin nilainya ke papan klip Anda. Anda dapat beralih antara format HEX, RGB, HSL, dan CMYK menggunakan tombol pemilih format.
Anda dapat mengekspor sebagai gambar PNG, dokumen PDF, data JSON, variabel CSS, variabel SCSS, dan file konfigurasi Tailwind CSS. Setiap format dioptimalkan untuk kasus penggunaan yang berbeda.
Salin variabel CSS dari modal ekspor dan tempelkan ke stylesheet Anda. Anda kemudian dapat menggunakannya seperti: background-color: var(--color-1); atau color: var(--color-2);
Ya, Anda dapat menyeret titik warna harmoni mana pun untuk menyesuaikan seluruh palet. Warna utama akan otomatis dihitung ulang untuk mempertahankan hubungan matematis dari jenis harmoni yang dipilih.