Ekstraksi palet dari gambar
Formula
Nilai cluster RGB/OKLCH (k-means atau median cut) pada data piksel kanvas secara lokal.
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 ekstraksi Palet dari gambar 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
Mengkuantifikasi warna dominan dari sampel piksel.
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 ekstraksi palet dari gambar 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.