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

Mockup Aplikasi

Warna Anda di layar aplikasi mobile dan desktop yang realistis

11:16

Summary

Your health overview

Avg. sleep duration

7 h 31 m

S

M

T

W

T

F

S

Steps

8,756/ 10,000

86% of goal

Distance

8.7 km/ 14 km

60% of goal

Heart Rate

72 bpm

Edit PaletBuka di Generator Palet

Langkah selanjutnya

Cek kontrasUji kepatuhan WCAG

Simulasi CVDUji buta warna

Kartu Komponen Grafik Aplikasi Judul Logo Visualizer.icons Pola Templat