Skip to main content

Konverter Nama Warna CSS ke HEX Cari kode HEX untuk semua nama warna CSS lebih dari 140 dengan fitur pencarian dan pratinjau.

Nama Warna ke HEX illustration
๐ŸŽจ

Nama Warna ke HEX

Cari kode HEX untuk semua nama warna CSS lebih dari 140 dengan fitur pencarian dan pratinjau.

1

Cari Berdasarkan Nama

Ketikkan nama warna seperti "coral" atau "blue" untuk memfilter daftar.

2

Jelajahi Warna

Gulir melalui semua 140+ warna CSS yang dinamai dengan sampel visual.

3

Salin Kode HEX

Klik Salin untuk mendapatkan kode HEX dari setiap nama warna.

Loading tool...

What Is Nama Warna ke HEX?

Pencarian nama warna CSS ke HEX memberikan akses instan ke semua 140+ warna yang didefinisikan dalam spesifikasi CSS dengan nama-nama yang dapat dibaca manusia. Sebagai gantinya untuk mengingat kode heksadesimal, CSS memungkinkan Anda menggunakan nama seperti "coral", "tomato", "steelblue", atau "rebeccapurple" secara langsung di stylesheet Anda. Alat ini menampilkan setiap warna bernama dengan sampel visualnya, kode HEX yang tepat, dan fungsi salin satu klik. Ini adalah referensi yang sangat berharga bagi pengembang yang ingin menggunakan nama warna semantik dalam prototipe, menemukan nilai heksadesimal dari warna yang mereka kenal dengan nama, atau menemukan warna baru yang tidak mereka ketahui sebelumnya di spesifikasi CSS. Antarmuka pencarian membuatnya cepat untuk menemukan warna tertentu atau menjelajahi seluruh keluarga warna. Nama warna CSS mencakup dari warna primer dasar hingga nuansa seperti "lemonchiffon", "papayawhip", dan "mintcream".

Why Use Nama Warna ke HEX?

  • Referensi lengkap untuk semua 140+ warna CSS yang dinamai
  • Sampel visual memudahkan perbandingan warna sekilas
  • Pencarian instan untuk menemukan warna berdasarkan nama sebagian
  • Salin satu-klik untuk setiap kode HEX warna
  • Berguna untuk prototipe cepat dan pembelajaran nama warna CSS

Common Use Cases

Prototipe Cepat

Gunakan nama warna untuk prototipe cepat tanpa mencari kode heksadesimal.

Referensi CSS

Temukan nilai HEX yang tepat untuk nama warna CSS agar konsisten di semua browser.

Alat Bantu Pembelajaran

Jelajahi jangkauan penuh nama warna CSS dan ekivalen heksadesimalnya.

Tinjauan Kode

Verifikasi bahwa nama warna dalam kode sesuai dengan tampilan visual yang diinginkan.

Technical Guide

Nama warna CSS adalah sekumpulan kata kunci warna yang telah ditentukan sebelumnya (termasuk duplikat seperti "aqua"/"cyan" dan "fuchsia"/"magenta") yang ditentukan dalam Modul Warna CSS Level 4. Setiap nama dipetakan ke warna sRGB tertentu yang didefinisikan sebagai triplet HEX. Nama-nama ini berasal dari set warna X11 yang digunakan di sistem jendela Unix, dengan penambahan seiring waktu. Nama "rebeccapurple" (#663399) ditambahkan pada 2014 sebagai penghormatan kepada putri Eric Meyer. Nama warna tidak peka huruf besar/kecil dalam CSS: "DarkSlateGray" dan "darkslategray" identik. Meskipun nyaman untuk pengembangan, nama warna memiliki keterbatasan: mereka hanya menawarkan 148 dari 16,7 juta warna RGB yang mungkin, dan nama-nama dapat subjektif (misalnya, "abu-abu" adalah #808080 sedangkan "darkgray" adalah #A9A9A9, yang lebih terang daripada "abu-abu"). Untuk kode produksi, sebagian besar tim lebih memilih HEX atau HSL untuk kontrol warna yang tepat dan konsistensi dengan spesifikasi desain.

Tips & Best Practices

  • 1
    Nama warna CSS tidak peka huruf - "DarkBlue" dan "darkblue" identik
  • 2
    Tidak seperti yang diperkirakan, "darkgray" (#A9A9A9) lebih terang daripada "gray" (#808080)
  • 3
    Nama warna sangat baik untuk prototipe tetapi biasanya digantikan dengan nilai HEX yang tepat dalam produksi
  • 4
    Kata kunci "transparent" juga merupakan warna CSS yang valid setara dengan rgba(0,0,0,0)
  • 5
    rebeccapurple (#663399) adalah nama warna terbaru yang ditambahkan, menghormati Rebecca Meyer

Related Tools

Frequently Asked Questions

Q Berapa banyak nama warna CSS?
Terdapat 148 nama warna dalam spesifikasi CSS, termasuk beberapa pasang duplikat (aqua/cyan, fuchsia/magenta). Ini memberikan 145 warna unik.
Q Apakah nama warna didukung di semua browser?
Ya, semua browser modern mendukung semua nama warna CSS. Mereka telah menjadi bagian dari spesifikasi CSS sejak CSS1 (warna dasar) dan CSS3 (warna lanjutan).
Q Bisakah saya menggunakan nama warna dalam JavaScript?
Ya, Anda dapat menggunakan nama warna dalam Canvas, perpustakaan CSS-in-JS, dan properti CSS yang diatur melalui JavaScript. Contohnya: element.style.color = "tomato".
Q Mengapa darkgray lebih terang daripada gray?
Ini adalah keanehan sejarah dari sistem penamaan warna X11. "gray" adalah #808080 (abu-abu sedang) sementara "darkgray" adalah #A9A9A9 (nuansa yang lebih terang). Penamaannya tidak konsisten dalam spesifikasi asli.

About This Tool

Nama Warna ke HEX is a free online tool by FreeToolkit.ai. All processing happens directly in your browser โ€” your data never leaves your device. No registration or installation required.