Referensi Warna Nama CSS Jelajahi semua 140+ warna nama CSS dengan pencarian, urutkan berdasarkan hue atau kecerahan.

🎨

Referensi Warna Nama CSS

Jelajahi semua 140+ warna nama CSS dengan pencarian, urutkan berdasarkan hue atau kecerahan.

Cari Warna

Saring warna dengan mengetikkan fragmen nama.

Opsi Pengurutan

Urutkan berdasarkan nama alfabetis, sudut hue, atau tingkat kecerahan.

Salin HEX

Salin kode HEX warna apa pun.

Loading tool...

What Is Referensi Warna Nama CSS?

Referensi Warna Nama CSS adalah katalog visual komprehensif dari semua 140+ warna nama CSS yang didefinisikan dalam spesifikasi W3C. Berbeda dengan alat pencarian sederhana, referensi ini menawarkan beberapa opsi pengurutan - alfabetis, oleh hue (mengelompokkan warna serupa bersama), dan oleh kecerahan (dari terang hingga tertua) - membuatnya menjadi alat yang kuat untuk eksplorasi dan penemuan warna. Setiap entri warna menampilkan sampel visual, nama semantik, dan kode HEX. Fungsi pencarian memfilter dengan mencocokkan nama sebagian, sehingga mengetik "biru" akan menampilkan semua warna terkait biru (aliceblue, biru, cadetblue, cornflowerblue, dll.). Referensi ini sangat penting bagi pengembang yang ingin cepat menemukan warna nama, menjelajahi apa saja nama warna CSS yang tersedia, atau memilih nama warna yang bermakna secara semantik untuk prototipe.

Why Use Referensi Warna Nama CSS?

Katalog lengkap dari semua 140+ warna CSS yang dinamai
Tiga opsi pengurutan: nama, hue, dan tingkat kecerahan
Pencarian dengan filter pencocokan nama sebagian
Swatches visual untuk perbandingan warna instan
Salin kode HEX dengan satu klik

Common Use Cases

Penemuan Warna

Jelajahi warna yang dinamai yang diurutkan berdasarkan hue untuk menemukan warna baru yang tidak Anda ketahui sebelumnya di CSS.

Referensi Cepat

Temukan nilai HEX yang tepat untuk setiap warna CSS yang dinamai.

Prototipe

Pilih nama warna semantik untuk prototipe cepat tanpa mencari kode hex.

Pendidikan

Pelajari jangkauan penuh dari warna CSS yang dinamai dan penampilan visualnya.

Technical Guide

Warna nama CSS adalah kata kunci yang didefinisikan dalam spesifikasi Modul Warna CSS Level 4. Terdapat 148 warna nama (termasuk alias seperti aqua/cyan). Setiap nama dipetakan ke warna sRGB tertentu. Pengurutan hue menggunakan sudut hue HSL (0-360°) yang diekstrak dari nilai heksadesimal setiap warna, yang mengelompokkan merah, oranye, kuning, hijau, biru, dan ungu bersama. Pengurutan kecerahan menggunakan nilai kecerahan HSL (0-100%). Warna akromatik (hitam, putih, abu-abu) memiliki hue 0° tetapi saturasi yang sangat rendah, sehingga mereka berkumpul di satu ujung pengurutan hue. Beberapa inkonsistensi penamaan ada dari warisan sistem warna X11 - terutama, "darkgray" (A9A9A9) lebih terang daripada "gray" (808080).

Tips & Best Practices

1
Urutkan berdasarkan hue untuk menemukan semua biru, hijau, merah, dll. yang dikelompokkan bersama
2
Urutkan berdasarkan tingkat kecerahan untuk dengan cepat menemukan warna terang untuk latar belakang atau warna gelap untuk teks
3
Pencarian menerima pencocokan sebagian - "laut" menemukan sea green, shell laut, dark sea green, dll.
4
Warna yang dinamai sangat baik untuk gaya console.log, isi SVG, dan prototipe cepat
5
Untuk produksi, gantikan warna yang dinamai dengan nilai HEX yang tepat untuk prediktabilitas

Related Tools

Konverter HEX ke RGB

Ubah kode warna HEX menjadi nilai RGB secara instan dengan pratinjau langsung.

🎨 Color Tools

Konverter HEX ke HSL

Ubah kode warna HEX menjadi nilai HSL (Hue, Satuasi, Kecerahan).

🎨 Color Tools

Nama Warna ke HEX

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

🎨 Color Tools

Pemilih Warna

Pemilih warna interaktif dengan output HEX, RGB, HSL, dan CMYK.

🎨 Color Tools

Pencari Warna Tailwind

Temukan kelas warna CSS Tailwind yang paling dekat untuk kode HEX apa pun.

🎨 Color Tools

Frequently Asked Questions

Q Berapa banyak warna CSS yang dinamai?

148 warna yang dinamai dalam spesifikasi CSS, dengan 145 warna unik (3 adalah alias: aqua=cyan, fuchsia=magenta, darkgrey=darkgray).

Q Apa artinya pengurutan berdasarkan hue?

Pengurutan hue mengatur warna berdasarkan posisinya pada roda warna (0-360°). Merah datang pertama (0°), kemudian oranye, kuning, hijau, biru, ungu, dan kembali ke merah. Abu-abu memiliki hue yang tidak ditentukan dan muncul di satu ujung.

Q Bisakah saya menggunakan warna yang dinamai dalam CSS modern?

Ya, warna yang dinamai bekerja di semua properti CSS yang menerima nilai warna. Mereka didefinisikan dalam standar CSS dan didukung secara universal.

About This Tool

Referensi Warna Nama CSS 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.