Pencampur warna: panduan cepat

Semua yang Anda butuhkan untuk penggunaan pertama yang berhasil: apa yang ditempel, opsi mana yang penting, dan cara membaca hasilnya.

Masukan Pencampur warna Keluaran Berjalan 100% di browser — data Anda tidak pernah meninggalkan perangkat.
Pencampur warna — Masukan → Keluaran. Berjalan 100% di browser — data Anda tidak pernah meninggalkan perangkat.

Cara pakai

  1. Buka alat dan tempel masukan Anda di panel kiri.
  2. Atur hanya opsi yang benar-benar dibutuhkan tugas Anda — nilai bawaan sudah tepat untuk sebagian besar masukan.
  3. Baca hasilnya di panel kanan; diperbarui saat Anda mengetik.
  4. Gunakan Salin untuk mengambil hasil, atau Unduh untuk menyimpannya sebagai berkas.
Cara pakai · Pencampur warna 1 Tempel data ke kotakinput (atau muatcontoh). 2 Sesuaikan opsi denganformat yangdiinginkan. 3 Salin, unduh, atauperiksa hasil —diperbarui secaralangsung.
Cara pakai — 3

Contoh

Mix against #ffffff at 50% and switch the space to CIE Lab for a perceptually even ramp.

Masukan

#0ea5b7

Keluaran — Hasil

#0ea5b7 + #ffffff at 50% (mixed in RGB)

Result
  HEX   #87d2db
  RGB   rgb(135, 210, 219)
  HSL   hsl(186.4, 54.0%, 69.3%)

Contrast against white : 1.71:1
Contrast against black : 12.26:1

Ramp (9 steps)
    0%  #0ea5b7
   13%  #2cb0c0
   25%  #4abcc9
   38%  #68c7d2
   50%  #87d2db
   63%  #a5dde4
   75%  #c3e9ed
   88%  #e1f4f6
  100%  #ffffff

CSS
  --mix: #87d2db;
  background: linear-gradient(90deg, #0ea5b7, #ffffff);

Jalankan

Deskripsi

Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.

Pencampur warna → · Cara pakai → · Alat warna →

Alat terkait

Pemilih desimal warnaInteractive picker with HEX, RGB and HSL output.Konverter warna CodeConvert between HEX, RGB, HSL and named colors.warna nama Pemeriksa (WCAG)Verify text contrast ratios against WCAG AA/AAA.Generator warna kontrasShades, tints and complementary schemes from one color.Generator usia warnaBatch random colors with copyable codes.Referensi CSS Bernama WarnaAll 148 CSS color names with codes and previews.