Simulator Komposisi Warna 60-30-10

Uji proporsi warna emas (60% Dominan, 30% Sekunder, 10% Aksen) secara interaktif untuk desain antarmuka dan visual yang harmonis.

Apa itu Aturan 60-30-10?

Aturan 60-30-10 adalah panduan komposisi proporsi warna klasik desainer yang menjamin keseimbangan visual dan hierarki informasi dalam sebuah karya tata letak, baik itu desain interior, desain web, poster, maupun media branding.

  • 60% Dominan (Latar Belakang): Menciptakan suasana dasar/mood umum dari keseluruhan desain.
  • 30% Sekunder (Struktur & Teks): Mendukung warna dominan, memberikan ketegasan bentuk, serta menyajikan sebagian besar konten teks utama.
  • 10% Aksen (Penarik Perhatian): Digunakan sangat hemat untuk elemen terpenting, seperti tombol Call-to-Action (CTA), tautan aktif, atau elemen penting yang harus langsung di-klik oleh mata audiens.

Hubungan dengan Lingkaran Warna (Color Wheel)

Bagaimana desainer menentukan ketiga warna ini? Mereka menggunakan hubungan harmoni warna pada roda warna untuk memastikan keseimbangan estetika yang dijamin sukses:

  • Skema Komplementer: Latar belakang (60%) netral gelap, Struktur/Teks (30%) warna komplementer yang tenang, dan Aksen (10%) warna komplementer yang cerah dan tajam di roda warna untuk kontras maksimal.
  • Skema Analog: Memilih tiga warna bersebelahan di roda warna. Warna pertama yang tenang (60%), warna kedua yang sedang (30%), dan warna ketiga yang paling terang/menonjol (10%) sebagai aksen yang selaras.
  • Skema Monokromatik: Menggunakan variasi tingkat kecerahan (*tint* / *shade*) dari satu warna tunggal untuk harmoni visual yang super bersih dan menenangkan.

Simulator Interaktif & Contoh Penggunaan

1. Pilih Preset Harmoni Roda Warna:
2. Sesuaikan Warna Secara Manual:
60% Dominan #0F172A
30% Sekunder #38BDF8
10% Aksen #0284C7
Retro Ocean (Monokromatis) Kontras Aman (7.5:1)

Skema monokromatis retro ini menggunakan warna dasar biru gelap yang tenang (60%), diimbangi dengan biru langit yang cerah (30%) untuk area struktur teks utama, dan diberi aksen biru samudera pekat (10%) untuk tombol interaksi yang memukau. Keseimbangan ini memberikan kesan damai, bersih, dan sangat profesional.

Distribusi Proporsi Warna Aktual (60-30-10):
60%
30%
10%
Dominan (Latar) Sekunder (Struktur/Teks) Aksen (Tombol/Penting)
Pratinjau Desain Aplikasi (Live):
19:45
Color Lab App

Visual Class

Tugas DKV
Komposisi Desain UI/UX

Terapkan aturan 60-30-10 pada desain antarmuka aplikasi seluler Anda. Pastikan warna aksen (10%) menuntun jari user untuk melakukan klik.

2 Jam Lagi
Praktik