Pemula · Kelas 9–12

Teori warna

Hue, intensitas, dan terang–gelap membentuk hubungan warna.

Laboratorium warna

#d78c42#428cd7
STUDIO 02 / 24 OKT 2026

Ruang untuk Ide

Pameran desain siswa. Amati, bereksperimen, dan berbagi gagasan.

Lihat pameran ↗
14.40:1Rasio kontras

Teks biasa · AA 4,5:1: Memenuhi ambang
Teks besar · AA 3:1: Memenuhi ambang

Rasio memakai luminansi sRGB teks dan latar solid. Teks biasa memerlukan 4,5:1; teks besar 3:1 (24 px regular atau sekitar 18,7 px bold). Ini pemeriksaan pasangan warna, bukan audit aksesibilitas lengkap.

Makna warna dipengaruhi budaya, audiens, warna sekitarnya, dan konteks. Harmoni tidak otomatis menjamin keterbacaan.

Peran dalam palet

Analogous memakai hue berdekatan, complementary memakai pasangan berseberangan, dan triadic memakai tiga hue berjarak merata pada roda warna. Tetapkan peran latar, teks, dan aksen.

Mengapa penting?

Palet dapat mendukung suasana sekaligus membedakan peran informasi.

↳ Hal yang perlu diingat

Satu hue utama dan aksen complementary memiliki peran.

01 /

Bandingkan dua pendekatan

A Petunjuk kurang jelas
Teori warna — Hue utama: 10%36°216°HSL · pasangan complementary

Warna dipilih tanpa peran yang jelas.

B Petunjuk lebih jelas
Teori warna — Hue utama: 85%306°126°HSL · pasangan complementary

Satu hue utama dan aksen complementary memiliki peran.

Contoh untuk konteks ini. Pilihan terbaik bergantung pada pesan dan audiens.

Kesalahan yang sering terjadi

Menggunakan warna sebagai satu-satunya penanda informasi.

Refleksi siswa

Peran mana yang berubah ketika hue utama diganti?

Detektif desain ↗

03 / CANVA + FIGMA

Coba di karya sendiri

Buat tiga palet poster dengan isi sama. Gunakan Canva Color Wheel, catat HEX, dan uji kontras tiap palet.

Canva

Buat dua salinan halaman di Canva. Terapkan perubahan pada bentuk atau teks di versi kedua. Bandingkan pada ukuran tampil sebenarnya.

Figma

Duplikasikan frame di Figma. Ubah properti layer yang terkait, gunakan guides atau auto layout jika membantu, lalu bandingkan kedua frame.

Latihan dilakukan mandiri di aplikasi pilihanmu. Tidak diperlukan koneksi akun.

04 /

Teori terkait

Sumber & bacaan

Canva · Color wheel ↗

Rujukan diperiksa 1 Oktober 2026. Eksperimen dan brief dibuat khusus untuk belajar.

Teori desain adalah panduan untuk diuji dalam konteks, bukan hukum universal.