Alat Warna & Desain
Tentang alat Warna & Desain
Kumpulan alat gratis untuk pekerjaan warna dan desain — pemilih warna, konverter kode warna, pemeriksa rasio kontras, dan pembuat palet. Semuanya berjalan di browser tanpa daftar atau instal.
Berguna untuk memilih skema warna UI, memeriksa kontras yang aksesibel (WCAG), dan menentukan warna merek. Cocok bagi desainer, kreator web, dan insinyur front-end — siapa pun yang bekerja dengan warna.
Semua alat Warna & Desain
Color Picker
Ambil warna dari gambar dan dapatkan kode HEX, RGB, atau HSL. Perbesar dengan loupe untuk akurasi per piksel dan ekspor palet. Gratis, tanpa daftar.
- Desain & Warna
- Produktivitas
Ekstrak Palet Warna
Ekstrak warna dominan dari gambar/foto dan buat palet warna. Dapatkan HEX/RGB/HSL, porsi tiap warna, ekspor CSS/SCSS/Tailwind/JSON — semua di browser Anda.
- Ekstraksi
- Desain & Warna
Pembuat Palet Warna
Generator skema warna gratis yang membuat palet warna otomatis berdasarkan teori warna (komplementer, analog, triadik, dan lainnya) hanya dari satu warna dasar. Ekspor ke CSS variable, Tailwind, SCSS, dan JSON, lengkap dengan acuan kontras. Berjalan sepenuhnya di browser Anda.
- Generator
- Desain & Warna
Konverter Kode Warna
Konversi kode warna antara HEX, RGB, HSL, HSV, OKLCH, beserta alpha dan referensi CMYK. Salin format apa pun sekali klik. Berjalan sepenuhnya di browser Anda.
- Konverter
- Desain & Warna
Pemeriksa Kontras
Cek rasio kontras warna terhadap WCAG 2.1/2.2 AA dan AAA, dengan saran warna lulus, simulasi buta warna, dan APCA. Berjalan sepenuhnya di browser Anda.
- Pemeriksa
- Desain & Warna
- Aksesibilitas
Generator Gradient CSS
Generator gradient CSS gratis: buat gradien linear, radial, conic via GUI. Atur transparansi/alpha, ekspor CSS variable, Tailwind, SCSS, dan URL berbagi.
- Generator
- Pengembangan
- Desain & Warna
Pembuat Bayangan CSS
Box shadow generator untuk membuat bayangan CSS (box-shadow & drop-shadow) secara real-time. Mendukung multi-layer, inset, preset neumorphism, dan output CSS, Tailwind, SCSS. Berjalan sepenuhnya di browser Anda.
- Generator
- Desain & Warna
Pencari Nama Warna & Warna Terdekat
Pencari nama warna gratis: masukkan kode HEX atau RGB untuk menemukan nama warna CSS terdekat, atau cari sebuah nama warna untuk mengetahui kode HEX dan RGB-nya. Mengubah kode hex menjadi nama warna, menemukan warna terdekat, dan menelusuri daftar nama warna CSS. Berjalan sepenuhnya di browser Anda.
- Pemeriksa
- Desain & Warna
Generator Skala Warna Tailwind
Generator palet Tailwind gratis yang membuat skala warna 50-950 (11 tingkat) ala Tailwind secara otomatis hanya dari satu warna dasar. Ekspor ke @theme (OKLCH) Tailwind v4, config Tailwind v3, variabel CSS, dan JSON, dengan tampilan HEX/OKLCH/HSL/RGB serta acuan kontras. Berjalan sepenuhnya di browser Anda.
- Generator
- Pengembangan
- Desain & Warna