Penjana Warna Bayangan

Ini tiga cara klasik mengubah warna sambil mengekalkan ronanya boleh dikenali. Warna mencampurkan warna dengan hitam, menjadikannya lebih gelap. Tint mencampurkannya dengan putih, menjadikannya lebih terang dan lembut. Ton mencampurkannya dengan kelabu, memudarkannya tanpa menolaknya ke arah hitam atau putih tulen. Alat ini menjana ketiga-tiganya sebagai jalur 11-langkah, daripada warna asal turun kepada 0%.

Setiap langkah mencampurkan saluran merah, hijau, dan biru warna anda ke arah sasaran (hitam, putih, atau kelabu) dengan peratusan tetap, pendekatan interpolasi linear mudah sama yang digunakan kebanyakan alat rujukan warna, berbanding melaraskan lightness dalam HSL. Itu mengekalkan perkembangan sama rata secara visual dan sepadan dengan apa yang anda akan dapat mencampur cat atau dakwat ke arah hitam, putih, atau kelabu.

Komplementari hanya memutar rona 180° sekeliling roda warna sambil mengekalkan ketepuan dan lightness yang sama, jadi merah terang menjadi cyan yang sama terangnya, ini "warna bertentangan" yang digunakan dalam teori warna dan reka bentuk. Inverted pula membalikkan setiap nilai merah, hijau, dan biru (255 tolak asal), yang juga mengubah kecerahan, putih menjadi hitam di bawah penyongsangan, tetapi kekal putih di bawah operasi komplementari kerana tiada rona untuk diputar.

Triadik memilih dua lagi warna bersela sama rata 120° berjauhan pada roda warna, memberikan tiga warna dengan kontras kuat yang masih terasa seimbang bersama. Analog memilih warna 30° ke mana-mana sisi rona anda, warna yang duduk bersebelahan pada roda dan secara semula jadi kelihatan harmoni. Monokromatik mengekalkan rona dan ketepuan tepat warna anda tetapi hanya mengubah lightness, memberikan set warna dijamin sepadan kerana ia sebenarnya warna sama pada tahap kecerahan berbeza.

216 warna selamat-web ialah palet yang merender serupa pada paparan 256-warna lama, setiap saluran merah, hijau, dan biru dihadkan kepada satu daripada enam nilai (0, 51, 102, 153, 204, 255). Skrin moden tidak memerlukan sekatan ini, tetapi persamaan selamat-web masih berguna sebagai rujukan untuk gaya retro atau output warna sangat terhad.

HSL, HSV, dan CMYK kesemuanya menerangkan warna sama melalui model berbeza dibina untuk tujuan berbeza. HSL dan HSV kedua-duanya menerangkan rona, dan perbezaan antara "value" HSV dan "lightness" HSL bermakna warna sama boleh melaporkan peratusan ketepuan berbeza antara kedua-duanya. CMYK menerangkan berapa banyak dakwat cyan, magenta, kuning, dan hitam pencetak akan campurkan, yang mengikuti peraturan warna tolak berbanding peraturan cahaya merah, hijau, dan biru tambah yang RGB dan HSL/HSV gunakan, jadi ia bukan penukaran terus mudah.

Ya. Klik mana-mana kod hex dalam baris Nilai Warna, dalam mana-mana swatch warna, tint, ton, atau skema warna, untuk menyalinnya ke papan keratan anda. Bahagian Kod CSS di bawah ada peraturan background-color, color, border-color, dan box-shadow sedia-buat dengan butang salin sendiri.