Palet Warna

Pembuat gradasi warna

Pilih warna dan langsung dapatkan seluruh gradasinya, dari tingkat paling terang hingga paling gelap. Ketuk tingkat mana pun untuk menyalin kode HEX-nya.

Skala 50 sampai 950

Sebelas tingkat dari satu keluarga warna, dinomori seperti di Tailwind. Warna Anda ditandai pada tingkat yang paling sesuai.

Warna muda (dengan putih)

Ketuk satu tingkat untuk menyalin HEX-nya.

Warna tua (dengan hitam)

Warna redup (dengan abu-abu)

Ekspor gradasi

Apa itu gradasi warna

Gradasi warna adalah rangkaian tingkat yang berasal dari satu warna: dari versi yang hampir putih sampai yang hampir hitam. Semuanya punya rona dasar yang sama, jadi selalu serasi satu sama lain.

Warna muda, warna tua, dan warna redup

Warna muda adalah warna yang dicampur putih: lebih terang dan lembut. Warna tua adalah warna yang dicampur hitam: lebih gelap dan pekat. Warna redup adalah warna yang dicampur abu-abu: lebih kalem dan elegan.

Cara memakai gradasi dalam desain

Gunakan tingkat terang (50 sampai 200) untuk latar belakang, tingkat tengah (400 sampai 600) untuk tombol dan tautan, dan tingkat gelap (700 sampai 950) untuk teks dan garis tepi. Dengan satu gradasi saja, antarmuka Anda tampak rapi dan konsisten.

Pertanyaan umum

Bagaimana gradasi dihitung?

Kami memakai ruang warna OKLCH, yang meniru cara mata menangkap kecerahan. Dengan begitu jarak antartingkat terlihat merata, tanpa lompatan mendadak.

Apa arti angka 50 sampai 950?

Itu skala yang dipakai Tailwind CSS dan banyak sistem desain: 50 adalah tingkat paling terang dan 950 paling gelap. Warna Anda ditempatkan pada angka yang paling sesuai.

Bisakah gradasi dipakai di Tailwind atau CSS?

Bisa. Ketik nama, pilih format, lalu salin kodenya: variabel CSS yang siap ditempel atau blok warna untuk konfigurasi Tailwind.

Apa bedanya gradasi warna dan palet warna?

Gradasi adalah tingkatan dari satu warna. Palet menggabungkan warna-warna berbeda yang serasi. Banyak palet memakai satu gradasi untuk latar belakang dan teks, ditambah satu atau dua warna aksen.

Panduan dan alat lainnya