Pencari Nama Warna & Warna Terdekat
Pencari Nama Warna & Warna Terdekat membantu Anda menemukan nama warna yang paling dekat dengan warna yang dimasukkan, atau mencari warna dari namanya. Ketik nilai HEX seperti #FF6347 atau rgb(255, 99, 71), lalu alat ini menampilkan nama warna CSS (nama warna web) terdekat secara berurutan, lengkap dengan nilai HEX dan skor kedekatan (ΔE). Sebaliknya, ketik nama warna seperti tomato dan alat ini langsung menunjukkan HEX serta RGB warna tersebut.
Masukkan kode HEX/RGB/HSL untuk menemukan nama warna terdekat, atau nama warna untuk melihat warnanya.
Nama warna CSS terdekat
- dodgerblueSama persis#1E90FF · ΔE 0.000
- cornflowerblue#6495ED · ΔE 0.059
- royalblue#4169E1 · ΔE 0.102
- steelblue#4682B4 · ΔE 0.113
- mediumslateblue#7B68EE · ΔE 0.117
- deepskyblue#00BFFF · ΔE 0.127
- mediumpurple#9370DB · ΔE 0.135
- slateblue#6A5ACD · ΔE 0.149
“ΔE” adalah ukuran kedekatan persepsual pada ruang warna OKLab (makin kecil makin dekat). Ini nilai pendekatan, bukan CIE ΔE2000.
Semua proses berjalan sepenuhnya di browser Anda; warna yang Anda masukkan tidak pernah dikirim ke server mana pun.
Alat Terkait
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
Apa itu alat Pencari Nama Warna & Warna Terdekat?
Pencari Nama Warna & Warna Terdekat membantu Anda menemukan nama warna yang paling dekat dengan warna yang dimasukkan, atau mencari warna dari namanya. Ketik nilai HEX seperti #FF6347 atau rgb(255, 99, 71), lalu alat ini menampilkan nama warna CSS (nama warna web) terdekat secara berurutan, lengkap dengan nilai HEX dan skor kedekatan (ΔE). Sebaliknya, ketik nama warna seperti tomato dan alat ini langsung menunjukkan HEX serta RGB warna tersebut.
Saat Anda penasaran "warna apa kode hex ini" atau "apa nama dari warna ini", alat ini menyatukan pencarian nama warna, konversi RGB ke nama warna, dan pencarian nama warna dari kode hex dalam satu tempat. Berguna ketika Anda ingin menulis CSS memakai nama warna, atau sekadar memberi nama yang mudah dibagikan pada sebuah kode warna.
Alih-alih sekadar selisih angka, jarak dihitung pada ruang warna persepsual OKLab, sehingga warna yang paling mirip menurut mata manusia berada di urutan teratas. Satu kolom input menerima kode warna maupun nama warna—tanpa perlu memilih format lebih dulu. Anda juga bisa memilih warna dengan pemilih warna bawaan, atau memilih dari daftar lengkap nama warna.
Semua proses berjalan sepenuhnya di browser Anda; warna yang Anda masukkan tidak pernah dikirim ke server mana pun. Tanpa pendaftaran dan tanpa instalasi—cukup buka dan mulai mencari.
Cara penggunaan
- Tempel kode warna HEX, RGB, atau HSL ke kolom input (formatnya dideteksi otomatis). Anda juga bisa memilih warna dengan pemilih warna.
- Nama warna CSS terdekat muncul berurutan sesuai kemiripan. Jika ada nama yang sama persis, label “Sama persis” ditampilkan.
- Gunakan tombol salin untuk menyalin nama warna atau nilai HEX ke CSS atau alat desain Anda.
- Untuk mencari warna berdasarkan nama, ketik nama warna (mis. tomato) dan alat ini menampilkan HEX serta RGB-nya.
- Buka “Telusuri warna bernama dari daftar” untuk memilih dari daftar lengkap nama warna CSS.
Skenario penggunaan
- Desainer web yang ingin mengetahui nama warna yang dekat dengan kode HEX dari mockup.
- Programmer yang lebih suka menyetel properti color CSS dengan nama warna daripada nilai mentah.
- Pengembang yang ingin tahu seperti apa nama warna seperti tomato atau teal dalam kode HEX dan RGB.
- Desainer dan pengarah yang ingin memberi nama yang mudah dibagikan pada warna merek atau warna yang diambil.
- Siapa pun yang perlu menemukan nama warna terdekat atau mengubah kode warna RGB menjadi nama warna dengan cepat.
Hal yang perlu diperhatikan
- Nama warna mencakup 148 nama warna CSS yang terstandar (nama warna web). Karena nama-nama itu adalah kata kunci CSS, semuanya selalu ditampilkan dalam bahasa Inggris di setiap bahasa.
- Skor kedekatan “ΔE” adalah jarak Euclidean pada ruang warna persepsual OKLab. Berbeda dari CIE ΔE2000 yang dipakai di percetakan, dan dimaksudkan sebagai panduan urutan peringkat.
- Sinonim yang menunjuk warna sama (aqua dan cyan, gray dan grey) digabung berdasarkan HEX menjadi satu entri pada hasil warna terdekat. Pencarian balik dan daftar lengkap tetap menampilkan semua nama.
- Pencarian dan pencocokan berjalan sepenuhnya di browser Anda; warna yang Anda masukkan tidak pernah dikirim ke mana pun.