Bahan formula palet tonal 3
Formula
Algoritme rona/kroma/tonal HCT menghasilkan peran primer, sekunder, tersier, dan netral.
Variables
- R, G, B
- saluran sRGB (0–255 atau 0–1 dinormalisasi)
- H, S, L
- Hue (derajat), saturasi dan kecerahan (0–1) dalam HSL
- L
- Pencahayaan relatif (WCAG) atau kecerahan dalam HSL/OKLCH
FAQ
- Apakah formula palet warna Material 3 akurat untuk alur kerja pencetakan?
- Layar RGB dan cetak CMYK menggunakan gamut yang berbeda. Perlakukan konversi sebagai bukti perkiraan; kalibrasi dengan profil ICC untuk cetakan komersial.
- Bisakah saya menggunakan rumus ini di CSS?
- CSS modern mendukung campuran warna(), oklch(), dan lab() untuk banyak operasi. Untuk pipeline yang kompleks, hitung dalam JavaScript dan ekspor variabel CSS.
- Apakah Color DevByte mengunggah warna saya?
- Tidak. Halaman referensi rumus adalah dokumentasi statis; alat interaktif berjalan 100% di sisi klien di browser Anda.
Ikhtisar
Hasilkan palet Tonal Spot dari warna benih.
Color DevByte mendokumentasikan formula ini untuk pengembang, desainer, dan peninjau aksesibilitas yang memerlukan penghitungan warna yang dapat direproduksi tanpa mengirimkan data ke server.
Gunakan alat warna tertaut untuk menerapkan rumus ini secara interaktif dengan pratinjau langsung dan ekspor multi-format.
Kapan menggunakan rumus ini
Terapkan rumus palet warna material 3 saat membuat token desain, memvalidasi kontras WCAG, atau mengotomatiskan saluran warna di CSS, Tailwind, atau JSON sistem desain.
Untuk UI produksi, selalu verifikasi hasil dengan pemeriksa kontras atau pratinjau visual — kasus tepi dalam koreksi gamma dan pemetaan gamut dapat mengubah hasil.
Catatan implementasi
Alat berbasis browser harus melakukan linierisasi sRGB sebelum penghitungan pencahayaan atau ΔE.
Lebih suka interpolasi OKLCH atau LAB untuk gradien dan tema untuk menghindari titik tengah keabu-abuan yang umum dalam campuran RGB.