Color Theory

Shade

Warna yang dihasilkan dengan menambahkan hitam ke rona murni sehingga menjadi lebih gelap.

Shades are darker variations of a base color. For example, adding black to blue produces navy, which is a shade of blue. Shades preserve the original hue but increase depth and intensity. In web design, shades work well for text, borders, and emphasis elements. Tailwind CSS shade scales from 600 to 950 typically represent shades of the base color. Shades convey richness, stability, and seriousness in design contexts.

Coba Sekarang

Generator Gradasi

Hasilkan skala nada gaya Tailwind CSS (50–950) dari warna dasar apa pun untuk sistem desain.

Artikel Terkait

CSS color-mix(): Padukan Warna Secara Native di Browser

Pelajari CSS color-mix() untuk memadukan warna native di browser. Kuasai sintaks, ruang warna, dan buat palet dinamis tanpa JavaScript.

Arsitektur Warna Multi-Brand: Satu Codebase, Banyak Tema

Bangun arsitektur warna multi-brand dengan CSS custom properties dan design token. Dukung white-label theming dari satu codebase dengan integrasi Tailwind.

Warna untuk Penceritaan Data: Melampaui Warna Grafik Bawaan

Lampaui warna grafik bawaan. Pelajari palet sekuensial, divergen, dan kategorikal, aksesibilitas visualisasi data, dan skala warna D3/Chart.js.

Emerald vs Jade vs Forest Green: Panduan Perbandingan Hijau

Bandingkan emerald (#50C878), jade (#00A86B), dan forest green (#228B22). Pelajari perbedaan visual dan kode hex antara nuansa hijau populer ini.

Fungsi CSS light-dark(): Pergantian Tema Native

Gunakan CSS light-dark() untuk pergantian tema native. Ganti toggle JavaScript dan media queries dengan satu fungsi CSS untuk warna mode terang dan gelap.

Gray vs Grey: Ejaan, Nuansa, dan Kode Warna

Apakah gray atau grey? Pelajari perbedaan ejaan Amerika vs Inggris, aturan warna bernama CSS, 50 nuansa kode hex gray, dan pilihan gray hangat vs dingin.