Semua alat Percuma

Layari kesemua 140 warna bernama CSS/HTML piawai dalam grid swatch yang cantik — cari mengikut nama atau hex, tapis mengikut keluarga warna dan salin nilai hex, rgb() atau hsl() mana-mana warna dengan satu klik. Dalam pelayar anda, percuma.

Kesemua 140 warna bernama CSS/HTML piawai, dengan nilai hex, RGB dan HSLnya. Semua berjalan dalam pelayar anda daripada rujukan terbina dalam — tiada yang dihantar ke pelayan.

Tiada warna sepadan dengan carian anda.
Cuba nama atau hex lain — contohnya RebeccaPurple, #00FF00 atau teal.

Mengenai Nama Warna HTML

Rujukan ini mempersembahkan kesemua 140 warna bernama CSS/HTML standard — senarai penuh yang difahami oleh pelayar, daripada AliceBlue hingga YellowGreen — sebagai grid swatch responsif. Setiap swatch menunjukkan warna itu sendiri dengan nama dan nilai hexnya, dan mengklik satu membuka bentuk hex, rgb() dan hsl()-nya, setiap satu boleh disalin dengan satu klik.

Anda boleh mencari mengikut nama atau nilai hex — Tomato dan #FF6347 menemui swatch yang sama — dan menapis mengikut keluarga: Reds, Pinks, Oranges, Yellows, Browns, Greens, Cyans, Blues, Purples, Whites, dan Grays & Blacks. Paparan keluarga adalah cara paling pantas untuk menyenaraikan calon apabila anda mengetahui secara kasar rona yang anda mahukan.

Warna bernama berguna untuk prototaip, contoh kod, isian SVG dan pengajaran, kerana nama seperti RebeccaPurple menyampaikan niat lebih baik daripada triplet hex. Nilai RGB dan HSL diterbitkan dalam pelayar anda daripada hex setiap warna, dan tiada apa yang anda cari dihantar ke pelayan.

Cara menggunakan Nama Warna HTML

  1. Cari mengikut nama warna atau nilai hex — contohnya Tomato, teal atau #00FF00.
  2. Tapis mengikut keluarga — Reds, Blues, Grays dan sebagainya — untuk menyenaraikan warna dalam satu julat rona.
  3. Klik satu swatch untuk menyalin nilai hexnya serta-merta.
  4. Buka popover swatch untuk menyalin bentuk rgb() atau hsl() sebaliknya.

Soalan lazim

Terdapat 140 warna bernama standard dalam CSS moden, memanjangkan 16 warna HTML asal dengan senarai terbitan X11 yang lebih besar. Setiap pelayar semasa menyokong kesemuanya, dalam mana-mana sifat yang menerima warna.

Tidak. tomato, Tomato dan TOMATO semuanya sah dan sama dalam CSS dan HTML. Bentuk camel-case yang ditunjukkan di sini hanyalah ejaan konvensyen yang menjadikan nama berbilang perkataan seperti LightGoldenrodYellow mudah dibaca.

Nama sesuai untuk contoh, prototaip dan aksen sekali sahaja; palet produksi biasanya berada dalam sifat tersuai dengan nilai hex, rgb() atau hsl(), kerana warna sistem reka bentuk jarang tepat sama dengan warna bernama. Secara fungsi, nama dan hexnya boleh ditukar ganti.

CSS merangkumi kedua-dua ejaan untuk gray dan variannya — gray/grey, darkgray/darkgrey dan sebagainya — memetakan setiap pasangan kepada nilai yang sama, jadi tiada ejaan yang salah.

Ya. Kesemua 140 swatch, carian, penapis keluarga dan penyalinan hex/rgb()/hsl() adalah percuma dan berjalan sepenuhnya dalam pelayar anda.

Perlukan bantuan?
Menemui masalah dengan alat ini? Beritahu pasukan kami.
Laporkan masalah

Tambah alat percuma ini ke laman web anda sendiri — salin dan tampal kod di bawah.