Color

Free online color tools for conversion, palettes, gradients, accessibility, and design systems. 100% client-side — your colors never leave the browser.

Jelajahi

Semua alat warna
Alat pencarian
Bandingkan alat
Panduan
Formulas
Alternatives
Alat kalkulator
alat QR
Alat gambar
Text tools

Hukum

Tentang kami
Kontak
Kebijakan privasi
Syarat & ketentuan
Penafian
Kebijakan cookie
Aksesibilitas
Kebijakan editorial

Guides & compares

Color spaces explained
WCAG color contrast
Palette design guide
Design tokens guide
Tailwind color scales
HEX to RGB vs RGB to HEX
WCAG contrast tools compared
CSS gradient generators

Kategori

Pengonversi Warna
Pemilih Warna
Generator Warna
Palet Warna
Gradien
Alat Aksesibilitas
Alat Warna Merek
Alat Warna CSS
Alat Sistem Desain
Pembuat Tema
Alat Warna Gambar
Alat penarik
Alat Desain Material
Token Desain
Alat Warna UI

Bahasa

Tersedia dalam bahasa 17

English हिन्दी Español Português Deutsch Français Italiano Nederlands Türkçe Bahasa Indonesia Tiếng Việt 日本語 한국어 简体中文繁體中文 العربية Русский

Kebijakan privasi Syarat & ketentuanWarna Anda tidak pernah meninggalkan perangkat Anda

HomeGuidesPanduan warna sistem desain

Panduan warna sistem desain

Skalakan token dari 50–950 dan peran semantik untuk UI produk.

Browse all color tools

Penamaan token

Gunakan nama semantik (teks-primer, permukaan-dibungkam) yang dipetakan ke langkah-langkah penskalaan, bukan HEX mentah dalam komponen.

Panduan warna sistem desain | Color