Warna komplementer, analog, dan triadik
Pada roda warna layar, komplemen biru pada 240 derajat adalah kuning pada 60 derajat, sedangkan pada roda warna pelukis, jingga berhadapan dengan biru.
Seret untuk memutar. Gulir atau rapatkan dan renggangkan dua jari untuk mengatur zoom.
Harmoni berdasarkan sudut
Dalam buku desain, ada beberapa skema warna yang cenderung tampak seimbang. Setelah warna ditempatkan pada lingkaran rona, setiap skema hanyalah sekumpulan sudut dari rona awal. Warna komplementer tepat berseberangan, terpisah 180 derajat. Warna analog berdampingan; dalam model ini jaraknya 30 derajat ke masing-masing sisi. Skema triadik menggunakan tiga rona berjarak sama, yaitu 120 derajat, sehingga membentuk segitiga sama sisi. Skema komplementer terbagi mengganti warna komplemen dengan dua tetangganya, di sini pada 150 dan 210 derajat dari titik awal.
Dalam pelajaran menggambar LibreTexts, setiap skema dijelaskan sifatnya. Pasangan komplementer menghasilkan kontras kuat dan menarik perhatian, sehingga desainer menggunakannya untuk hal yang perlu menonjol. Skema analog tampak tenang dan menyatu, serta sering dijumpai di alam, seperti hijau, kuning, dan jingga di padang rumput. Skema triadik terasa hidup, tetapi tetap seimbang. Skema komplementer terbagi mempertahankan sebagian besar kontras pasangan komplementer, tetapi lebih nyaman dilihat. Dalam panduan perpustakaan University of Delaware, ada patokan praktis untuk banyaknya tiap warna: sekitar 60% untuk warna dominan, 30% untuk warna sekunder, dan 10% untuk aksen.
Roda yang mana?
Ada hal yang perlu diwaspadai. Roda warna tidak hanya satu. Roda HSL dalam pelajaran ini didasarkan pada cahaya, dengan merah, hijau, dan biru sebagai warna primer. Di roda ini, merah pada 0 derajat berhadapan dengan sian pada 180, hijau berhadapan dengan magenta, dan biru berhadapan dengan kuning. Dalam banyak kelas seni, digunakan roda warna pelukis yang didasarkan pada pigmen merah, kuning, dan biru. Di roda itu, merah berhadapan dengan hijau, kuning dengan ungu, dan biru dengan jingga, seperti pasangan yang tercantum dalam pelajaran LibreTexts. Tidak ada roda yang salah. Keduanya menjawab pertanyaan berbeda. Dengan roda cahaya, kamu mengetahui dua cahaya mana yang jika dijumlahkan menghasilkan putih. Roda pelukis berasal dari tradisi panjang pencampuran cat. Saat menyusun palet untuk layar, kode yang kamu tulis menggunakan sudut HSL, jadi periksa roda mana yang dibahas dalam panduan.
Harmoni menetapkan rona, bukan kecerahan. Tiga rona triadik pada saturasi penuh dan kecerahan 50% tampak mencolok. Dalam praktiknya, desainer mempertahankan sudutnya dan mengubah saturasi serta kecerahan: satu rona dibuat kuat, yang lain pucat atau gelap. Cobalah dalam model. Pilih Triadik, lalu turunkan saturasi. Amati segitiga yang mengecil menuju sumbu abu-abu tanpa berubah bentuk.
Dua skema lain ada di kebanyakan buku ajar. Skema monokromatik menggunakan satu rona dalam beberapa versi yang lebih terang dan lebih gelap, yang dalam buku teori warna RMIT disebut tint dan shade. Dalam HSL, rona tetap, sedangkan kecerahan dan saturasi berubah. Jadi, dalam model, skema ini berupa garis vertikal pada irisan tegak. Skema tetradik menggunakan empat rona yang membentuk persegi panjang pada roda, yaitu dua pasangan komplementer. Jika keempatnya berjarak sama, 90 derajat, bentuknya menjadi persegi. Empat rona sulit diseimbangkan, sehingga kebanyakan panduan menyarankan satu warna sebagai warna utama dan warna lain digunakan sedikit saja.
| Komplementer | +180° |
| Analog | −30° dan +30° (bertetangga) |
| Triadik | +120° dan +240° |
| Komplementer terbagi | +150° dan +210° |
| Komplemen biru pada roda cahaya | Kuning (240° + 180° = 60°) |
- Komplementer: berjarak 180°. Analog: bertetangga. Triadik: berjarak 120°. Komplementer terbagi: 150° dan 210°.
- Pada roda cahaya (HSL), biru berhadapan dengan kuning; pada roda pelukis, biru berhadapan dengan jingga.
- Harmoni menetapkan rona; kamu tetap bisa memilih saturasi dan kecerahan.
- Patokan umum: 60% dominan, 30% sekunder, 10% aksen.
- Rona berapa yang menjadi komplemen 30° pada roda HSL?
- Rona berapa yang menjadi komplemen 300°?
- Skema triadik dimulai pada 0°. Rona mana yang melengkapinya?
- 120° dan 240°
- 90° dan 180°
- 30° dan 330°
- Hanya 180°
- Bentuk apa yang dibuat warna triadik pada roda?
- Segitiga sama sisi
- Garis lurus
- Persegi
- Segitiga siku-siku
- Pasangan mana yang bersifat analog?
- 30° dan 60°
- 30° dan 210°
- 0° dan 120°
- 60° dan 240°
- Pada roda HSL (cahaya), apa yang berhadapan dengan biru?
- Kuning
- Jingga
- Merah
- Hijau
- Pada roda warna pelukis tradisional, apa yang berhadapan dengan biru?
- Jingga
- Kuning
- Sian
- Magenta
- Skema mana yang mengganti warna komplemen dengan dua tetangganya?
- Komplementer terbagi
- Analog
- Triadik
- Monokromatik
- Dalam palet 60/30/10, berapa persen porsi warna aksen?
- Kamu menurunkan saturasi skema Triadik dalam model. Apa yang terjadi pada segitiganya?
- Mengecil menuju sumbu abu-abu
- Berputar
- Menjadi garis
- Tidak ada yang berubah
Sumber kursus ini (14)
- W3C, Web Content Accessibility Guidelines (WCAG) 2.2, relative luminance (0.04045 threshold, note on the pre-May-2021 value 0.03928)
- contrast ratio (L1 + 0.05) / (L2 + 0.05)
- range 1:1 to 21:1, SC 1.4.1 Use of Color, 1.4.3 Contrast (Minimum) 4.5:1 and 3:1 for large-scale text (18 pt, or 14 pt bold)
- 1.4.6 Contrast (Enhanced) 7:1 and 4.5:1, 1.4.11 Non-text Contrast 3:1, WCAG 2.1 published June 2018 (w3.org/TR/WCAG22/)
- W3C, CSS Color Module Level 4, hex notation, hsl with 0deg red, 120deg green, 240deg blue, hsl(60deg 100% 50%) yellow vs hsl(240deg 100% 50%) blue at the same HSL lightness, hue spacing not perceptually uniform, HSL as a cylindrical model (w3.org/TR/css-color-4/)
- OpenStax College Physics 2e, 26.3 Color and Color Vision: about 6 million cones of three types, red + green gives yellow, no unique set of primaries (openstax.org/books/college-physics-2e/pages/26-3-color-and-color-vision)
- OpenStax Introduction to Behavioral Neuroscience, 6.2 The Retina: RGB pixels, CMY inks plus black, red-green colour blindness in about 8% of males (openstax.org/books/introduction-behavioral-neuroscience/pages/6-2-the-retina)
- Smithsonian Libraries, Color in a New Light, The Science of Color: Newton's prism experiments from the 1660s, Opticks 1704, Le Blon's Coloritto (London, about 1722) and the distinction between material colours and coloured light (library.si.edu/exhibition/color-in-a-new-light/science)
- The Newton Project (University of Oxford)
- Opticks 1704, Book I Part II Prop. VI: colour circle divided into seven parts in musical proportion, white at the centre (newtonproject.ox.ac.uk/view/texts/normalized/NATP00034)
- History of Information and Wikimedia Commons file record, Maxwell's 1861 Royal Institution demonstration, tartan ribbon photographed by Thomas Sutton through red, green and blue filters and projected together (historyofinformation.com/detail.php?id=3666)
- LibreTexts, Coalinga College Drawing Basics 8.4 Color Theory: complementary, analogous, split-complementary, triadic, tetradic (human.libretexts.org)
- RMIT Colour Theory, Interactive colour wheel and colour relationships (rmit.pressbooks.pub/colourtheory1)
- University of Delaware Library, Graphic Design guide, Color Schemes, 60/30/10 rule (guides.lib.udel.edu/design/color).
Diperiksa: 2026-10-17