Nama Warna HTML

Semua alat Gratis

Telusuri semua 140 nama warna CSS/HTML standar dalam grid swatch yang indah — cari berdasarkan nama atau hex, filter berdasarkan keluarga warna, lalu salin nilai hex, rgb(), atau hsl() dari warna apa pun dengan satu klik. Di browser Anda, gratis.

Semua 140 nama warna CSS/HTML standar, beserta nilai hex, RGB, dan HSL-nya. Semuanya berjalan di browser Anda dari referensi bawaan — tidak ada yang dikirim ke server.

Tidak ada warna yang cocok dengan pencarian Anda.
Coba nama atau hex lain — misalnya RebeccaPurple, #00FF00, atau teal.

Tentang Nama Warna HTML

Referensi ini menyajikan semua 140 warna bernama standar CSS/HTML — daftar lengkap yang dipahami browser, dari AliceBlue hingga YellowGreen — sebagai grid swatch yang responsif. Setiap swatch menampilkan warnanya sendiri beserta nama dan nilai hex-nya, dan mengklik salah satunya membuka bentuk hex, rgb() dan hsl()-nya, yang masing-masing bisa disalin dengan satu klik.

Anda bisa mencari berdasarkan nama atau nilai hex — Tomato dan #FF6347 menemukan swatch yang sama — dan memfilter berdasarkan keluarga: Reds, Pinks, Oranges, Yellows, Browns, Greens, Cyans, Blues, Purples, Whites, dan Grays & Blacks. Tampilan keluarga ini adalah cara tercepat untuk menyeleksi kandidat ketika Anda kira-kira sudah tahu rona warna yang diinginkan.

Warna bernama praktis untuk prototipe, contoh kode, isian SVG dan pengajaran, karena nama seperti RebeccaPurple menyampaikan maksud lebih baik daripada triplet hex. Nilai RGB dan HSL diturunkan di browser Anda dari hex setiap warna, dan tidak ada yang Anda cari dikirim ke server.

Cara menggunakan Nama Warna HTML

  1. Cari berdasarkan nama warna atau nilai hex — misalnya Tomato, teal atau #00FF00.
  2. Filter berdasarkan keluarga — Reds, Blues, Grays dan sebagainya — untuk menyeleksi warna dalam satu rentang rona.
  3. Klik sebuah swatch untuk menyalin nilai hex-nya secara instan.
  4. Buka popover swatch untuk menyalin bentuk rgb() atau hsl()-nya.

Pertanyaan yang sering diajukan

Ada 140 warna bernama standar dalam CSS modern, memperluas 16 warna HTML asli dengan daftar yang lebih besar yang diturunkan dari X11. Setiap browser saat ini mendukung semuanya, di properti apa pun yang menerima warna.

Tidak. tomato, Tomato dan TOMATO semuanya valid dan identik dalam CSS dan HTML. Bentuk camel-case yang ditampilkan di sini hanyalah ejaan konvensional yang membuat nama multi-kata seperti LightGoldenrodYellow mudah dibaca.

Nama warna bagus untuk contoh, prototipe dan aksen sekali pakai; palet produksi biasanya berada dalam custom property dengan nilai hex, rgb() atau hsl(), karena warna design-system jarang cocok persis dengan warna bernama. Secara fungsional, sebuah nama dan hex-nya bisa saling dipertukarkan.

CSS menyertakan kedua ejaan untuk gray dan variannya — gray/grey, darkgray/darkgrey dan sebagainya — memetakan setiap pasangan ke nilai yang sama, sehingga tidak ada ejaan yang salah.

Ya. Semua 140 swatch, pencarian, filter keluarga dan penyalinan hex/rgb()/hsl() gratis dan berjalan sepenuhnya di browser Anda.
Bagikan ini
Alat Terkait
Kode Status HTTP Cari setiap kode status respons HTTP (1xx–5xx) dalam direktori yang bisa dicari dan difilter — lalu buka kode mana pun untuk mengetahui artinya, kapan menggunakannya, apakah bisa di-cache, dan RFC yang mendefinisikannya. Di browser Anda, gratis. Gratis
Metode HTTP Referensi yang mudah dipindai untuk setiap metode permintaan HTTP — GET, POST, PUT, PATCH, DELETE dan lainnya, plus WebDAV — yang menampilkan sekilas apakah masing-masing aman, idempoten, dan bisa di-cache, apakah menerima body, serta contoh tipikalnya. Di browser Anda, gratis. Gratis
Referensi Header HTTP Cari header permintaan dan respons HTTP yang umum dalam direktori yang bisa dicari — filter berdasarkan arah dan kategori, baca deskripsi satu baris dan contoh nyata, lalu salin nama header apa pun dengan satu klik. Di browser Anda, gratis. Gratis
Jenis Record DNS Telusuri setiap jenis record DNS yang umum — A, AAAA, CNAME, MX, TXT, NS, SOA, PTR, SRV, CAA, DNSKEY, DS, TLSA dan lainnya — dengan tujuannya, contoh zone-file yang bisa disalin, dan kategorinya. Cari dan filter seketika, di browser Anda, gratis. Gratis
Nomor Port TCP/UDP Cari port jaringan yang well-known dan umum digunakan dalam tabel yang bisa dicari — FTP, SSH, HTTP, HTTPS, MySQL, Postgres, RDP, Redis, MongoDB dan 120+ lainnya, masing-masing dengan protokol transport, layanan, deskripsi, dan kategorinya. Cari berdasarkan nomor port atau nama layanan, lalu salin nilai seketika. Di browser Anda, gratis. Gratis
Kalkulator Subnet / CIDR Hitung subnet IPv4 dari CIDR atau mask: jaringan, broadcast, rentang host, wildcard, dan lainnya. Gratis
Butuh bantuan?
Menemukan masalah dengan alat ini? Beri tahu tim kami.
Laporkan masalah

Tambahkan alat gratis ini ke situs web Anda sendiri — salin dan tempel kode di bawah ini.