WarnaCari warna berdasarkan nama

PaletJelajahi palet warna pilihan untuk proyek Anda.

Buat PaletBuat palet kustom — pilih warna, beri tag, dan bagikan.

Palet dari WarnaSaran palet instan dari warna dasar.

Harmoni WarnaJelajahi harmoni warna komplementer, triadik, dan lainnya.

Dari GambarDapatkan warna dari foto

VisualizerPratinjau palet Anda pada mockup desain nyata.

KomponenPratinjau elemen UI dasar seperti tombol, input, dan badge dengan palet Anda.

GrafikLihat palet Anda diterapkan pada diagram batang, garis, dan donat.

HeadingJelajahi setiap kombinasi warna latar belakang dan teks untuk tipografi.

LogoUji kombinasi warna merek untuk logo dan tanda kata.

IkonPratinjau palet Anda yang diterapkan pada ikon multi-warna dari Lucide dan Heroicons.

Tema DaisyUIHasilkan tema DaisyUI lengkap dari warna dasar apa pun.

Tailwind CSSBuat dan pratinjau skala warna Tailwind CSS.

Shadcn UIPratinjau palet Anda yang dipetakan ke token desain shadcn/ui.

Material 3Lihat palet Anda sebagai token warna dinamis Material Design 3.

BootstrapPratinjau palet Anda dengan gaya komponen Bootstrap 5.

Mockup AplikasiPratinjau warna Anda dalam mockup aplikasi seluler yang realistis.

PolaPratinjau palet Anda pada desain pola geometris dan abstrak.

TemplatePratinjau palet Anda yang diterapkan pada tata letak template SVG.

Pemilih WarnaPilih & konversi warna

Pemeriksa KontrasPengujian aksesibilitas WCAG

Sim. Buta WarnaUji defisiensi penglihatan warna

KonverterKonversi warna antara HEX, RGB, HSL, CMYK dan lainnya.

Pembuat GradienBuat gradien CSS

Pembuat LogoTes warna pada logo & ikon

Palet SayaSimpan, kelola, dan tetapkan token framework ke palet Anda.

Pilih bahasa

Alat

WarnaCari warna berdasarkan nama

PaletJelajahi palet warna pilihan untuk proyek Anda.

Buat PaletBuat palet kustom — pilih warna, beri tag, dan bagikan.

Palet dari WarnaSaran palet instan dari warna dasar.

Harmoni WarnaJelajahi harmoni warna komplementer, triadik, dan lainnya.

Dari GambarDapatkan warna dari foto

VisualizerPratinjau palet Anda pada mockup desain nyata.

KomponenPratinjau elemen UI dasar seperti tombol, input, dan badge dengan palet Anda.

GrafikLihat palet Anda diterapkan pada diagram batang, garis, dan donat.

HeadingJelajahi setiap kombinasi warna latar belakang dan teks untuk tipografi.

LogoUji kombinasi warna merek untuk logo dan tanda kata.

IkonPratinjau palet Anda yang diterapkan pada ikon multi-warna dari Lucide dan Heroicons.

Tema DaisyUIHasilkan tema DaisyUI lengkap dari warna dasar apa pun.

Tailwind CSSBuat dan pratinjau skala warna Tailwind CSS.

Shadcn UIPratinjau palet Anda yang dipetakan ke token desain shadcn/ui.

Material 3Lihat palet Anda sebagai token warna dinamis Material Design 3.

BootstrapPratinjau palet Anda dengan gaya komponen Bootstrap 5.

Mockup AplikasiPratinjau warna Anda dalam mockup aplikasi seluler yang realistis.

PolaPratinjau palet Anda pada desain pola geometris dan abstrak.

TemplatePratinjau palet Anda yang diterapkan pada tata letak template SVG.

Pemilih WarnaPilih & konversi warna

Pemeriksa KontrasPengujian aksesibilitas WCAG

Sim. Buta WarnaUji defisiensi penglihatan warna

KonverterKonversi warna antara HEX, RGB, HSL, CMYK dan lainnya.

Pembuat GradienBuat gradien CSS

Pembuat LogoTes warna pada logo & ikon

Palet SayaSimpan, kelola, dan tetapkan token framework ke palet Anda.

Alat warna canggih untuk desainer dan pengembang. Semua pemrosesan dilakukan di browser Anda.

Pelajari lebih lanjut

Pilih Warna

Buat Palet

Buat Palet Palet dari Warna Harmoni Warna Dari Gambar

Lihat Hasilnya

Visualizer Komponen Grafik Heading Logo Ikon Tema DaisyUI Tailwind CSS Shadcn UI Material 3 Bootstrap Mockup Aplikasi Pola Template

Alat Lainnya

Pemilih Warna Pemeriksa Kontras Sim. Buta Warna Konverter Pembuat Gradien Pembuat Logo Palet Saya

Sumber Daya

Tentang Artikel

Hukum

Ketentuan Privasi Cookie

© 2026 Qolor. Hak cipta dilindungi.

Ketentuan Privasi Cookie

Tailwind CSS Visualizer

See your Tailwind colors applied to real UI cards

Pengeluaran

$18,247

JanFebMarAprMeiJun

3×4

Blog

Trik Produktivitas untuk Hidup di Perjalanan

Kerja

Perangkat Digital Nomad Terbaik

Wisata

Desain dalam Tim Lintas Fungsi

Desain

3×4

Mia Chen

Desainer Produk

128

Postingan

42

Proyek

2.1k

Pengikut

3×4

Pilih paket

Hobi

Untuk proyek sampingan pribadi

$0 / bulan

Pro

Untuk profesional & freelancer

$12 / bulan

Tim

Kolaborasi & alat canggih

$29 / bulan

3×4

Pemasukan

$21,430

$19,115 sblm.

3×1

Pengeluaran

$14,782

$12,390 sblm.

3×1

Tabungan

$6,648

$6,725 sblm.

3×1

Cards Website Apps Components