# Pembuat Nuansa Warna

Buat nuansa warna yang lebih gelap dengan mencampurnya bersama hitam dalam tahapan yang sama. Masukkan satu warna dalam format CSS apa pun, pilih 2 hingga 20 tahapan dan ruang pencampuran, lalu dapatkan tabel berisi nilai HEX, RGB, HSL, dan OKLCH untuk setiap nuansa, dimulai dari warna asli. Pencampuran sRGB sesuai dengan alat nuansa klasik dan Sass, sedangkan OKLab menghasilkan tahapan yang merata secara perseptual. Ideal untuk membuat skala warna UI.

## Pertanyaan yang sering diajukan

### Apa itu nuansa?

Nuansa adalah warna yang dicampur dengan hitam. Rona warnanya tetap sama dan warnanya menjadi lebih gelap, berbeda dengan tint yang dicampur dengan putih atau tone yang dicampur dengan abu-abu.

### Bagaimana tahapan pencampurannya ditentukan?

Dengan N tahapan, baris k mencampurkan warna dengan (k - 1) / N hitam, jadi 10 tahapan menghasilkan 0%, 10%, 20%, dan seterusnya hingga 90%. Baris pertama selalu berisi warna asli Anda, dan hitam murni tidak pernah disertakan.

### Apa perbedaan pencampuran sRGB dan OKLab?

Pencampuran sRGB menghitung rata-rata nilai kanal yang dikodekan gamma, seperti yang dilakukan Sass mix() dengan hitam dan sebagian besar pembuat nuansa klasik. Pencampuran OKLab berlangsung dalam ruang perseptual, sehingga tahapan terlihat lebih merata kecerahannya dan nuansa yang lebih gelap mempertahankan lebih banyak warnanya.

### Format input apa yang bisa saya gunakan?

Kode hex dengan atau tanpa #, nama warna CSS, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color(), dan cmyk(). Masukkan satu warna untuk setiap proses.

### Berapa banyak nuansa yang bisa saya buat?

Antara 2 dan 20 untuk setiap proses, dengan 10 sebagai nilai bawaan. Jumlahnya mencakup warna asli pada baris pertama.

### Nilai apa saja yang ditampilkan tabel?

Untuk setiap tahapan, tabel menampilkan porsi hitam, kode hex, rgb(), hsl(), dan oklch() dalam sintaks CSS modern. Kanal RGB berupa bilangan bulat, persentase HSL memiliki hingga dua angka desimal, sedangkan kecerahan dan kroma OKLCH memiliki hingga empat.

### Apa yang terjadi pada warna transparan?

Alpha input dipertahankan untuk setiap nuansa karena hitam dicampurkan dengan alpha yang sama. Kode hex kemudian memiliki 8 digit, dan fungsi CSS diakhiri dengan alpha setelah garis miring.

### Apa yang terjadi pada warna di luar sRGB?

Pencampuran menggunakan warna sepenuhnya, tetapi HEX, RGB, dan HSL hanya dapat menampilkan sRGB, sehingga tahapan di luar gamut dipetakan ke sRGB dengan algoritme Color 4 CSS pada kolom-kolom tersebut. Kolom OKLCH mempertahankan nilai yang belum dipetakan.

### Bagaimana cara menggunakan nuansa di CSS?

Salin nilai hex atau oklch() ke properti kustom seperti --brand-600 dan --brand-700. Untuk mencampurnya langsung di browser, color-mix(in oklab, var(--brand) 80%, black) menghasilkan nuansa 20% yang sama dengan pengaturan OKLab.

### Apakah nuansa yang lebih gelap otomatis aksesibel?

Tidak. Periksa kontras teks terhadap setiap nuansa dengan pemeriksa kontras, karena nuansa yang tampak gelap tetap bisa memiliki kontras di bawah 4.5:1 terhadap warna gelap lain atau teks berwarna.

Iklan Anda di sini?

[Email kami](mailto:hi@dennn.is?subject=Beriklan%20di%20OneClick%20Pro)

[Iklan Rangkaian plugin siap agen untuk WordPress.](https://sleekwp.com/?ref=oneclickpro)