Pilih warna
Seret di roda warna, ketik atau tempel kode warna apa pun, gunakan eyedropper, atau buka foto dan klik sebuah piksel.
WAVESPEED AI PEMILIH WARNA Berjalan di browser Anda
100% GRATIS
Pemilih Warna OnlinePilih, konversi, cek, dan ekspor warna.
Pilih warna dari roda warna, layar, atau gambar apa pun, dan salin sebagai HEX, RGB, HSL, HSV, OKLCH, atau CMYK.
Buat harmoni dan skala gradasi, cek kontras teks, lihat dari sudut pandang buta warna, dan ekspor kode siap tempel.
Ambil warna dari gambar apa punPengecek kontras bawaanKode CSS, Tailwind, Swift & Android
Tanpa daftar Tanpa unggah Tanpa tanda air
Memuat pemilih warna…
Warna dan gambar tetap di perangkat Anda.
TIGA LANGKAH MUDAH
Cara menggunakan pemilih warna
Sesuaikan dan salin
Atur dengan slider RGB, HSL, HSV, OKLCH, atau CMYK dan salin nilai yang Anda perlukan dengan sekali klik.
Susun dan ekspor
Buat harmoni atau skala gradasi, cek kontras dan buta warna, lalu salin atau unduh kode untuk proyek Anda.
PERLU DIKETAHUI
Tips memilih warna
Beberapa kebiasaan yang membuat palet lebih mudah dipakai dan lebih mudah dibaca.
Cek kontras teks sejak awal
Teks isi membutuhkan setidaknya 4,5:1 terhadap latar belakangnya untuk WCAG AA, teks besar 3:1. Pengecek menyarankan warna terdekat yang lolos.
Gunakan OKLCH untuk skala yang merata
Kecerahan OKLCH sesuai dengan yang dilihat mata, jadi skala yang dibuat di OKLCH bergradasi merata dari terang ke gelap tanpa bagian tengah yang kusam.
Jangan hanya mengandalkan warna
Merah dan hijau terlihat mirip bagi banyak orang. Pratinjau palet Anda di tab buta warna dan tambahkan label atau ikon di bagian yang penting maknanya.
Ambil rata-rata saat memilih dari foto
Foto penuh noise jika dilihat dari dekat. Sampel 3×3 atau 5×5 memberi warna yang Anda lihat, bukan satu piksel yang menyimpang.
Mulai palet dari gambar
Buka foto yang Anda suka dan ekstrak 5 hingga 8 warna. K-means menemukan warna utama; median cut mempertahankan aksen kecil.
CMYK di sini hanya perkiraan
Warna cetak bergantung pada kertas dan mesin cetak. Gunakan nilai CMYK sebagai titik awal dan cek dengan profil printer Anda.
WaveSpeed AI
Ubah palet Anda menjadi gambar
Hasilkan gambar dan video dengan warna brand Anda dari prompt dengan WaveSpeed AI.
Generator Gambar
Buat ilustrasi, latar belakang, dan foto produk dengan warna Anda.
Generator Video
Animasikan gambar diam menjadi klip pendek.
Generator 3D
Ubah gambar menjadi model 3D.
- 1.000+ model AI
- Gambar, video, dan 3D
- Bayar sesuai pemakaian
Kredit gratis $1 untuk akun baru yang memenuhi syarat. Tanpa kartu. Generator memerlukan akun dan kredit tersendiri. pemilih warna ini gratis.
/filters:quality(82)/media/images/1791123751656780930_IfFPY7R0.webp){kind=small}
/filters:quality(82)/media/images/1791123737177812425_RjKT3cku.webp){kind=small}
/filters:quality(82)/media/images/1791123748309870128_xlkNgK8N.webp){kind=small}
/filters:quality(82)/media/images/1791123738630744263_oR09R0aj.webp){kind=small}
/filters:quality(82)/media/images/1791177033162457776_uQ09OY7g.webp){kind=small}
/filters:quality(82)/media/images/1791123734319125607_JdnwGPY7.webp){kind=small}
/filters:quality(82)/media/images/1791123746355630206_udnxGPY7.webp){kind=small}
/filters:quality(82)/media/images/1791123744771362580_yC0sPezZ.webp){kind=small}
/filters:quality(82)/media/images/1791123738606970169_5KIR1ais.webp){kind=small}
/filters:quality(82)/media/images/1791123748197655725_EUmuFNW6.webp){kind=small}
FAQ pemilih warna
Bagaimana cara mengambil warna dari gambar?
Buka tab Gambar, pilih foto atau screenshot (atau tempel), lalu klik atau ketuk piksel mana pun. Kaca pembesar menunjukkan dengan tepat piksel yang Anda tunjuk, dan Anda bisa merata-ratakan area 3×3 hingga 11×11. Gambar dibaca di browser Anda dan tetap di perangkat Anda.
Bisakah saya mengambil warna dari mana saja di layar?
Ya, di browser yang mendukung eyedropper (Chrome, Edge, dan browser Chromium lain di desktop). Klik Eyedropper lalu piksel mana pun di layar, bahkan di luar jendela browser. Di browser lain, ambil screenshot dan tempel ke tab Gambar.
Bagaimana cara mengonversi HEX ke RGB?
Ketik atau tempel kode HEX ke kolom warna dan nilai RGB muncul di bawahnya, siap disalin. Untuk mengonversi banyak warna sekaligus, tempel satu per baris di tab Konversi dan pilih format output.
Format warna apa saja yang didukung?
HEX (3, 4, 6, dan 8 digit), RGB, HSL, HSV/HSB, HWB, OKLCH, OKLab, dan CMYK, ditambah semua nama warna CSS. Anda bisa menempel nilai dengan atau tanpa nama fungsinya, misalnya “255, 87, 51”.
Apa itu OKLCH dan mengapa memakainya?
OKLCH menggambarkan warna berdasarkan kecerahan yang dipersepsikan, chroma (kepekatan warna), dan hue. Langkah yang sama terlihat sama, jadi ideal untuk skala gradasi dan palet yang konsisten, dan didukung di CSS modern sebagai oklch().
Bagaimana cara kerja pengecek kontras?
Pengecek menghitung rasio kontras WCAG 2 antara teks dan latar belakang dan menunjukkan apakah lolos AA dan AAA untuk teks normal dan besar serta elemen antarmuka. Juga menampilkan kontras kecerahan APCA (Lc) dari draf WCAG 3 dan menyarankan warna lolos terdekat.
Bagaimana cara membuat palet warna?
Pilih warna dasar, lalu gunakan Harmoni untuk skema komplementer, triadik, dan lainnya, atau Gradasi untuk tint, shade, dan skala 50–950. Anda juga bisa mengekstrak palet dari foto. Simpan favorit dan ekspor sebagai kode.
Bisakah saya mengekspor warna untuk Tailwind, SwiftUI, atau Android?
Ya. Tab Ekspor menulis palet Anda sebagai variabel CSS, SCSS, Tailwind v4 @theme atau config v3, SwiftUI, UIKit, Android colors.xml, Jetpack Compose, JSON, palet GIMP, atau daftar hex biasa. Salin atau unduh filenya.
Apakah pemilih warna ini gratis?
Ya. Gratis tanpa daftar, tanpa batas, dan tanpa tanda air, dan semuanya berjalan di browser Anda.
Alat gratis lainnya seperti ini
Semua alat gratis
Pilih warna berikutnya
Gratis, privat, dan siap di browser Anda.