Lompat ke konten
Aback Tools Logo

Konverter Warna Bernama ke HEX

Ketik warna bernama CSS seperti “coral”, “rebeccapurple”, atau “cornflowerblue” dan langsung dapatkan nilai HEX, RGB, dan HSL. Dilengkapi pencarian pelengkapan otomatis pada semua 148 warna bernama CSS dengan pratinjau warna langsung, bilah kanal, dan penyalinan satu klik untuk semua format keluaran. Sepenuhnya privat, 100% gratis, dan tanpa pendaftaran.

Named Color to HEX Converter
Type any CSS named color (like "coral", "rebeccapurple") and get its HEX, RGB, and HSL values instantly. Features an autocomplete search across all 148 CSS named colors.

Popular Colors

Search across all 148 CSS named colors. Supports partial matching.

#FF7F50Coral
R255
G127
B80
CSS Name:coral
Family: orange

Color Values

HEX#FF7F50
RGBrgb(255, 127, 80)
HSLhsl(16, 100%, 66%)
HEX#FF7F50
RGBrgb(255, 127, 80)
RGBArgba(255, 127, 80, 1)
HSLhsl(16, 100%, 66%)
Hue (H)16°
Saturation (S)100%
Lightness (L)66%
Red (R)255
Green (G)127
Blue (B)80

Relative Luminance

0.5914(Light color)

Mengapa Memakai Konverter Warna Bernama ke HEX Kami?

  • Pencarian warna bernama instan: konverter memperbarui semua nilai pada setiap ketikan — tanpa tombol yang harus ditekan. Mulai ketik warna bernama CSS apa pun dan pelengkapan otomatis langsung menyaring semua 148 warna bernama CSS. Pilih satu untuk segera melihat nilai HEX, RGB, HSL, luminansi, dan tiap kanalnya.
  • Pencarian pelengkapan otomatis pintar: konverter mendukung pencocokan samar dan sebagian. Ketik “blue” dan lihat semua warna kebiruan, atau ketik “rebecca” untuk menemukan rebeccapurple. Pencarian mencakup nama CSS (cornflowerblue) maupun nama tampilan (Cornflower Blue) untuk fleksibilitas maksimal.
  • 100% privat — tanpa unggah: semua konversi terjadi lokal di browser Anda. Nilai warna Anda tidak pernah meninggalkan perangkat dan tidak pernah dikirim ke server mana pun — aman untuk proyek klien dan sistem desain proprietary. Seluruh basis data warna bernama CSS ditanam di halaman.
  • Gratis & tanpa batas: cari warna bernama tanpa batas tanpa pendaftaran, langganan, maupun batas pemakaian. Konverter warna bernama ke HEX ini sepenuhnya gratis selamanya, tanpa iklan yang menutupi antarmuka.

Kasus Penggunaan Umum Konverter Warna Bernama ke HEX

  • Pengembangan & prototipe CSS: pengembang web memakai konverter untuk mencari warna bernama CSS dengan cepat saat membuat prototipe. Alih-alih menghafal kode hex, ketik nama alami seperti “coral” atau “rebeccapurple” untuk mendapatkan nilai HEX, RGB, dan HSL yang tepat bagi stylesheet Anda.
  • Serah terima desain & komunikasi: desainer dan pengembang memakai konverter saat menyampaikan spesifikasi warna. Warna bernama CSS memberi kosakata bersama — mengatakan “pakai mediumseagreen untuk tombol” lebih jelas daripada menyebut kode hex saat reviu desain.
  • Belajar CSS & desain web: pelajar pengembangan web memakai konverter untuk memahami bagaimana warna bernama CSS dipetakan ke nilai warna sebenarnya. Ini alat edukatif yang membantu pemula memahami hubungan antara nama warna dan representasi numeriknya.
  • Eksplorasi tema warna: desainer yang mengeksplorasi tema warna memakai konverter untuk menjelajahi warna bernama CSS berdasarkan keluarga. Cari semua toning ungu, nuansa biru, atau merah hangat untuk menemukan warna bernama yang sempurna bagi sistem desain.
  • CodePen & prototipe cepat: pengembang frontend yang membuat prototipe cepat atau demo CodePen memakai konverter untuk menemukan warna tanpa meninggalkan browser. Warna bernama sering lebih mudah dibaca daripada kode hex pada gaya inline dan kode demonstrasi.
  • Pemrograman SVG & grafis: pengembang grafis yang bekerja dengan SVG, Canvas, atau WebGL memakai konverter untuk mengakses palet lengkap warna bernama CSS. Warna bernama sering dipakai pada berkas SVG dan API grafis karena mudah dibaca dan konsisten di seluruh browser.

Apa Itu Warna Bernama CSS?

Warna bernama CSS adalah kata kunci warna yang telah ditetapkan dan dikenali semua browser web modern. Spesifikasi CSS Color Level 4 mendefinisikan 148 warna bernama , dari warna umum seperti red dan blue hingga nama yang lebih khas seperti rebeccapurple dan cornflowerblue . Konverter warna bernama ke HEX kami memberi akses instan ke semua 148 warna dengan pencarian pelengkapan otomatis.

Cara Kerja Konverter Warna Bernama ke HEX Kami

  1. Mulai ketik nama warna: ketik warna bernama CSS apa pun (misalnya “coral”, “rebecca”, “sky blue”). Pelengkapan otomatis langsung menyaring basis data lengkap 148 warna bernama CSS. Anda bisa mencari lewat nama CSS ( cornflowerblue ) atau nama tampilan ( Cornflower Blue ). Semua pemrosesan berjalan lokal di browser Anda.
  2. Pilih warna atau biarkan pengisian otomatis bekerja: klik saran mana pun dari daftar, atau terus ketik hingga tersisa satu kecocokan. Pratinjau warna dan semua nilai diperbarui secara real time saat Anda mengetik. Contoh warna besar menampilkan warna terpilih beserta bilah kanal merah, hijau, dan birunya.
  3. Salin nilai apa pun secara instan: gunakan tombol Salin di samping setiap baris keluaran (HEX, RGB, HSL) untuk menyalin nilai tertentu, atau gunakan “Salin Semua Nilai” untuk menyalin data warna lengkap termasuk nama warna dan luminansinya.

Kategori Warna Bernama CSS

  • Merah & merah muda: 20 warna mulai dari merah murni hingga toning merah muda, termasuk crimson , deeppink , dan hotpink .
  • Oranye & kuning: 14 warna hangat dari darkorange hingga lightyellow , termasuk keluarga gold dan khaki.
  • Hijau & sian: 33 warna yang mencakup seluruh spektrum hijau plus toning sian/turkuois, dari forestgreen hingga turquoise .
  • Biru & ungu: 35 warna bernuansa dingin dari midnightblue yang pekat hingga lavender yang lembut , termasuk rebeccapurple yang ikonik .
  • Cokelat, putih, abu-abu & hitam: 46 warna netral dan bernuansa bumi dari saddlebrown dan wheat hingga keluarga abu-abu lengkap dan hitam murni .

Mengapa Memakai Warna Bernama CSS dalam Proyek Anda?

Warna bernama CSS meningkatkan keterbacaan kode dibandingkan kode hex mentah. Menulis background: cornflowerblue lebih mendokumentasikan diri daripada background: #6495ED . Warna bernama juga berguna pada berkas SVG, panggilan Canvas API, dan konteks apa pun tempat nama warna meningkatkan kejelasan. Namun, untuk sistem desain produksi, memakai properti kustom CSS dengan penamaan semantik (seperti --color-primary ) bersama warna bernama memberi keterbacaan sekaligus fleksibilitas.

Konverter warna bernama ke HEX kami menjembatani warna bernama dan nilai numerik yang presisi. Baik Anda membuat prototipe, belajar CSS, atau perlu mengubah warna bernama ke padanan HEX atau RGB yang tepat untuk sistem desain, alat ini memberi hasil instan dan akurat tanpa pemrosesan di sisi server.

Pertanyaan yang Sering Diajukan

Warna bernama CSS adalah kata kunci warna yang telah ditetapkan dan dikenali browser web. Spesifikasi CSS Color Level 4 mendefinisikan 148 warna bernama, termasuk warna umum seperti “red” dan “blue”, serta nama yang lebih khas seperti “rebeccapurple” dan “cornflowerblue”. Konverter warna bernama ke HEX kami mendukung semua 148 warna bernama CSS dengan pencarian instan dan pelengkapan otomatis.

Mulai ketik warna bernama CSS apa pun di kolom pencarian (misalnya “coral”, “rebeccapurple”, atau “sky blue”). Daftar pelengkapan otomatis akan menyarankan warna yang cocok saat Anda mengetik. Klik salah satu saran untuk langsung melihat nilai HEX, RGB, dan HSL-nya. Anda juga bisa memakai tombol warna populer di atas kolom untuk mengakses warna bernama yang paling sering dipakai.

Bisa. Konverter warna bernama ke HEX mendukung pencocokan sebagian dan samar. Misalnya, mengetik “blue” akan menampilkan semua warna yang mengandung “blue” pada namanya seperti “skyblue”, “steelblue”, “cadetblue”, dan “cornflowerblue”. Anda bisa mencari baik lewat nama CSS (misalnya “cornflowerblue”) maupun lewat nama tampilan (misalnya “Cornflower Blue”) untuk fleksibilitas maksimal.

Ya. Semua konversi terjadi 100% di sisi klien, di browser Anda, memakai JavaScript. Basis data lengkap warna bernama CSS ditanam langsung di halaman. Kueri warna Anda tidak pernah dikirim ke server mana pun, tidak pernah disimpan, dan tidak pernah ditransmisikan ke mana pun. Konverter ini sepenuhnya privat dan memproses semuanya secara lokal di perangkat Anda.

Konverter warna bernama ke HEX menghasilkan nilai HEX (#RRGGBB), RGB, RGBA, dan HSL untuk setiap warna bernama CSS. Alat ini juga menampilkan nilai tiap kanal (merah, hijau, biru), hue, saturasi, kecerahan, serta luminansi relatif warna tersebut. Setiap nilai memiliki tombol salin satu klik agar mudah dipakai di kode Anda.

Spesifikasi CSS Color Level 4 mendefinisikan 148 warna bernama. Warna-warna itu mencakup 16 warna HTML asli (red, blue, green, dan lain-lain), nama warna X11 yang diperluas, serta tambahan yang lebih baru seperti “rebeccapurple” (ditambahkan pada CSS4). Konverter ini mencakup semua 148 warna dalam 12 keluarga: merah, oranye, kuning, hijau, sian, biru, ungu, merah muda, cokelat, putih, abu-abu, dan hitam.

Ya. Konverter warna bernama ke HEX ini 100% gratis tanpa pendaftaran, tanpa fitur premium, dan tanpa batas pemakaian. Cari warna bernama tanpa batas tanpa pembatasan atau biaya tersembunyi. Tidak ada iklan yang menutupi antarmuka.

Alat ini berfokus untuk mencari warna bernama CSS dan mengubahnya menjadi nilai HEX, RGB, dan HSL. Untuk mengubah kode hex kembali ke nama warna terdekat, gunakan alat Pencari Nama Warna kami di bagian alat terkait, yang dapat menemukan warna bernama CSS terdekat untuk nilai hex atau RGB apa pun.