Lompat ke konten
Aback Tools Logo

Referensi Nama Warna HTML

Jelajahi, cari, dan salin semua 148 warna bernama HTML dan CSS dengan catatan dukungan browser, indikator kompatibilitas email, dan lencana warna yang aman untuk web. Filter menurut HTML standar 4.01, CSS yang diperluas, atau warna yang aman untuk email. Klik kartu mana saja untuk langsung menyalin nama warna atau nilai HEX. Sepenuhnya pribadi, 100% gratis, dan tidak perlu mendaftar.

HTML Color Names Reference

Complete reference of all 147 HTML and CSS named colors with browser support notes, email compatibility, and web-safe color indicators. Search by name or HEX value.

Showing 147 of 147 colors

Browser: Full support Email: 21 safe
#00FFFF

Aqua

aqua

EmailBrowserWeb SafeHTML 4.01
#000000

Black

black

EmailBrowserWeb SafeHTML 4.01
#0000FF

Blue

blue

EmailBrowserWeb SafeHTML 4.01
#FF00FF

Fuchsia

fuchsia

EmailBrowserWeb SafeHTML 4.01
#808080

Gray

gray

EmailBrowserWeb SafeHTML 4.01
#008000

Green

green

EmailBrowserWeb SafeHTML 4.01
#00FF00

Lime

lime

EmailBrowserWeb SafeHTML 4.01
#800000

Maroon

maroon

EmailBrowserWeb SafeHTML 4.01
#000080

Navy

navy

EmailBrowserWeb SafeHTML 4.01
#808000

Olive

olive

EmailBrowserWeb SafeHTML 4.01
#800080

Purple

purple

EmailBrowserWeb SafeHTML 4.01
#FF0000

Red

red

EmailBrowserWeb SafeHTML 4.01
#C0C0C0

Silver

silver

EmailBrowserWeb SafeHTML 4.01
#008080

Teal

teal

EmailBrowserWeb SafeHTML 4.01
#FFFFFF

White

white

EmailBrowserWeb SafeHTML 4.01
#FFFF00

Yellow

yellow

EmailBrowserWeb SafeHTML 4.01
#F0F8FF

Aliceblue

aliceblue

EmailBrowser
#FAEBD7

Antiquewhite

antiquewhite

EmailBrowser
#7FFFD4

Aquamarine

aquamarine

EmailBrowser
#F0FFFF

Azure

azure

EmailBrowser
#F5F5DC

Beige

beige

EmailBrowser
#FFE4C4

Bisque

bisque

EmailBrowser
#FFEBCD

Blanchedalmond

blanchedalmond

EmailBrowser
#8A2BE2

Blueviolet

blueviolet

EmailBrowser
#A52A2A

Brown

brown

EmailBrowser
#DEB887

Burlywood

burlywood

EmailBrowser
#5F9EA0

Cadetblue

cadetblue

EmailBrowser
#7FFF00

Chartreuse

chartreuse

EmailBrowser
#D2691E

Chocolate

chocolate

EmailBrowser
#FF7F50

Coral

coral

EmailBrowser
#6495ED

Cornflowerblue

cornflowerblue

EmailBrowser
#FFF8DC

Cornsilk

cornsilk

EmailBrowser
#DC143C

Crimson

crimson

EmailBrowser
#00FFFF

Cyan

cyan

EmailBrowserWeb Safe
#00008B

Darkblue

darkblue

EmailBrowser
#008B8B

Darkcyan

darkcyan

EmailBrowser
#B8860B

Darkgoldenrod

darkgoldenrod

EmailBrowser
#A9A9A9

Darkgray

darkgray

EmailBrowser
#006400

Darkgreen

darkgreen

EmailBrowser
#A9A9A9

Darkgrey

darkgrey

EmailBrowser
#BDB76B

Darkkhaki

darkkhaki

EmailBrowser
#8B008B

Darkmagenta

darkmagenta

EmailBrowser
#556B2F

Darkolivegreen

darkolivegreen

EmailBrowser
#FF8C00

Darkorange

darkorange

EmailBrowser
#9932CC

Darkorchid

darkorchid

EmailBrowser
#8B0000

Darkred

darkred

EmailBrowser
#E9967A

Darksalmon

darksalmon

EmailBrowser
#8FBC8F

Darkseagreen

darkseagreen

EmailBrowser
#483D8B

Darkslateblue

darkslateblue

EmailBrowser
#2F4F4F

Darkslategray

darkslategray

EmailBrowser
#2F4F4F

Darkslategrey

darkslategrey

EmailBrowser
#00CED1

Darkturquoise

darkturquoise

EmailBrowser
#9400D3

Darkviolet

darkviolet

EmailBrowser
#FF1493

Deeppink

deeppink

EmailBrowser
#00BFFF

Deepskyblue

deepskyblue

EmailBrowser
#696969

Dimgray

dimgray

EmailBrowser
#696969

Dimgrey

dimgrey

EmailBrowser
#1E90FF

Dodgerblue

dodgerblue

EmailBrowser
#B22222

Firebrick

firebrick

EmailBrowser
#FFFAF0

Floralwhite

floralwhite

EmailBrowser
#228B22

Forestgreen

forestgreen

EmailBrowser
#DCDCDC

Gainsboro

gainsboro

EmailBrowser
#F8F8FF

Ghostwhite

ghostwhite

EmailBrowser
#FFD700

Gold

gold

EmailBrowser
#DAA520

Goldenrod

goldenrod

EmailBrowser
#ADFF2F

Greenyellow

greenyellow

EmailBrowser
#808080

Grey

grey

EmailBrowserWeb Safe
#F0FFF0

Honeydew

honeydew

EmailBrowser
#FF69B4

Hotpink

hotpink

EmailBrowser
#CD5C5C

Indianred

indianred

EmailBrowser
#4B0082

Indigo

indigo

EmailBrowser
#FFFFF0

Ivory

ivory

EmailBrowser
#F0E68C

Khaki

khaki

EmailBrowser
#E6E6FA

Lavender

lavender

EmailBrowser
#FFF0F5

Lavenderblush

lavenderblush

EmailBrowser
#7CFC00

Lawngreen

lawngreen

EmailBrowser
#FFFACD

Lemonchiffon

lemonchiffon

EmailBrowser
#ADD8E6

Lightblue

lightblue

EmailBrowser
#F08080

Lightcoral

lightcoral

EmailBrowser
#E0FFFF

Lightcyan

lightcyan

EmailBrowser
#FAFAD2

Lightgoldenrodyellow

lightgoldenrodyellow

EmailBrowser
#D3D3D3

Lightgray

lightgray

EmailBrowser
#90EE90

Lightgreen

lightgreen

EmailBrowser
#D3D3D3

Lightgrey

lightgrey

EmailBrowser
#FFB6C1

Lightpink

lightpink

EmailBrowser
#FFA07A

Lightsalmon

lightsalmon

EmailBrowser
#20B2AA

Lightseagreen

lightseagreen

EmailBrowser
#87CEFA

Lightskyblue

lightskyblue

EmailBrowser
#778899

Lightslategray

lightslategray

EmailBrowser
#778899

Lightslategrey

lightslategrey

EmailBrowser
#B0C4DE

Lightsteelblue

lightsteelblue

EmailBrowser
#FFFFE0

Lightyellow

lightyellow

EmailBrowser
#32CD32

Limegreen

limegreen

EmailBrowser
#FAF0E6

Linen

linen

EmailBrowser
#66CDAA

Mediumaquamarine

mediumaquamarine

EmailBrowser
#0000CD

Mediumblue

mediumblue

EmailBrowser
#BA55D3

Mediumorchid

mediumorchid

EmailBrowser
#9370DB

Mediumpurple

mediumpurple

EmailBrowser
#3CB371

Mediumseagreen

mediumseagreen

EmailBrowser
#7B68EE

Mediumslateblue

mediumslateblue

EmailBrowser
#00FA9A

Mediumspringgreen

mediumspringgreen

EmailBrowser
#48D1CC

Mediumturquoise

mediumturquoise

EmailBrowser
#C71585

Mediumvioletred

mediumvioletred

EmailBrowser
#191970

Midnightblue

midnightblue

EmailBrowser
#F5FFFA

Mintcream

mintcream

EmailBrowser
#FFE4E1

Mistyrose

mistyrose

EmailBrowser
#FFE4B5

Moccasin

moccasin

EmailBrowser
#FFDEAD

Navajowhite

navajowhite

EmailBrowser
#FDF5E6

Oldlace

oldlace

EmailBrowser
#6B8E23

Olivedrab

olivedrab

EmailBrowser
#FFA500

Orange

orange

EmailBrowser
#FF4500

Orangered

orangered

EmailBrowser
#DA70D6

Orchid

orchid

EmailBrowser
#EEE8AA

Palegoldenrod

palegoldenrod

EmailBrowser
#98FB98

Palegreen

palegreen

EmailBrowser
#AFEEEE

Paleturquoise

paleturquoise

EmailBrowser
#DB7093

Palevioletred

palevioletred

EmailBrowser
#FFEFD5

Papayawhip

papayawhip

EmailBrowser
#FFDAB9

Peachpuff

peachpuff

EmailBrowser
#CD853F

Peru

peru

EmailBrowser
#FFC0CB

Pink

pink

EmailBrowser
#DDA0DD

Plum

plum

EmailBrowser
#B0E0E6

Powderblue

powderblue

EmailBrowser
#663399

Rebeccapurple

rebeccapurple

EmailBrowser
#BC8F8F

Rosybrown

rosybrown

EmailBrowser
#4169E1

Royalblue

royalblue

EmailBrowser
#8B4513

Saddlebrown

saddlebrown

EmailBrowser
#FA8072

Salmon

salmon

EmailBrowser
#F4A460

Sandybrown

sandybrown

EmailBrowser
#2E8B57

Seagreen

seagreen

EmailBrowser
#FFF5EE

Seashell

seashell

EmailBrowser
#A0522D

Sienna

sienna

EmailBrowser
#87CEEB

Skyblue

skyblue

EmailBrowser
#6A5ACD

Slateblue

slateblue

EmailBrowser
#708090

Slategray

slategray

EmailBrowser
#708090

Slategrey

slategrey

EmailBrowser
#FFFAFA

Snow

snow

EmailBrowser
#00FF7F

Springgreen

springgreen

EmailBrowser
#4682B4

Steelblue

steelblue

EmailBrowser
#D2B48C

Tan

tan

EmailBrowser
#D8BFD8

Thistle

thistle

EmailBrowser
#FF6347

Tomato

tomato

EmailBrowser
#40E0D0

Turquoise

turquoise

EmailBrowser
#EE82EE

Violet

violet

EmailBrowser
#F5DEB3

Wheat

wheat

EmailBrowser
#F5F5F5

Whitesmoke

whitesmoke

EmailBrowser
#9ACD32

Yellowgreen

yellowgreen

EmailBrowser

Mengapa Menggunakan Referensi Nama Warna HTML Kami?

  • Database Nama Warna Lengkap: Akses semua 148 warna bernama HTML dan CSS dalam satu referensi yang dapat dicari. Setiap kartu warna menampilkan nama, nilai HEX, dan contoh visual, sehingga memudahkan untuk menemukan warna yang sempurna untuk proyek apa pun - mulai dari warna HTML 4.01 standar hingga warna bernama CSS yang diperluas.
  • Kompatibilitas Browser & Email: Setiap entri warna mencakup dukungan browser dan indikator kompatibilitas klien email. Ketahui sekilas warna mana yang aman untuk digunakan dalam email HTML, mana yang aman untuk web, dan warna mana yang merupakan warna standar HTML 4.01 yang didukung bahkan di browser tertua sekalipun.
  • Pemfilteran & Pencarian Cerdas: Persempit warna dengan cepat berdasarkan kategori - HTML Standar 4.01, CSS yang Diperluas, atau Aman-Email. Cari berdasarkan nama atau nilai HEX dengan hasil instan. Grid yang bersih dan responsif membuat penjelajahan dan perbandingan warna menjadi mudah di perangkat apa pun.
  • 100% Gratis & Mengutamakan Privasi: Referensi Nama Warna HTML berfungsi sepenuhnya di browser Anda tanpa data yang dikirim ke server mana pun. Jelajahi, cari, dan salin warna secara instan. Tidak perlu mendaftar, tidak perlu pelacakan, tidak ada batasan - sepenuhnya gratis untuk semua proyek Anda.

Kasus Penggunaan Umum untuk Referensi Nama Warna HTML

  • Pengembangan Web & CSS: Temukan dengan cepat nama warna persis yang Anda perlukan untuk lembar gaya CSS Anda. Gunakan tombol salin untuk mengambil nama warna atau nilai HEX secara instan, lalu tempelkan langsung ke kode Anda. Sempurna untuk pembuatan prototipe cepat dan penataan produksi.
  • Desain Buletin Email: Pastikan desain email Anda ditampilkan dengan benar di semua klien email. Filter berdasarkan warna yang aman untuk email untuk menghindari masalah kompatibilitas dengan Outlook, Gmail, dan Apple Mail. Gunakan indikator dukungan browser untuk memilih warna yang dapat digunakan di mana saja.
  • Kompatibilitas Lintas-Browser: Periksa dukungan browser untuk setiap warna yang disebutkan sebelum menggunakannya dalam proyek Anda. Meskipun semua browser modern mendukung kumpulan warna bernama CSS lengkap, mengetahui warna mana yang merupakan standar HTML 4.01 akan membantu ketika menargetkan browser lama dan sistem lama.
  • Pengembangan Sistem Desain: Referensi bernama warna saat membangun token warna sistem desain. Warna yang diberi nama memberikan makna semantik dan lebih mudah diingat dibandingkan kode hex. Petakan warna yang diberi nama ke token desain Anda agar stylesheet lebih mudah dibaca dan dipelihara.
  • Mempelajari HTML & CSS: Sempurna untuk pelajar dan pemula yang mempelajari pengembangan web. Jelajahi seluruh rangkaian warna yang diberi nama untuk memahami konvensi penamaan warna, nilai hex, dan warna apa yang tersedia tanpa perlu mengingat kode warna yang rumit.
  • Aksesibilitas & Pilihan Warna: Gunakan contoh warna untuk mengevaluasi dengan cepat kombinasi warna untuk aksesibilitas. Warna yang diberi nama memudahkan untuk mengomunikasikan pilihan warna dengan tim Anda dan memastikan penggunaan warna yang konsisten di seluruh proyek Anda.

Apa Itu Nama Warna HTML?

Nama warna HTML adalah kata kunci yang telah ditentukan sebelumnya yang mewakili warna tertentu dalam pengembangan web. Awalnya ditentukan dalam standar HTML 4.01 dengan 16 warna dasar (aqua, hitam, biru, fuchsia, abu-abu, hijau, kapur, merah marun, biru tua, zaitun, ungu, merah, perak, teal, putih, dan kuning), daftar ini diperluas dalam Modul Warna CSS Level 3 untuk menyertakan 147 warna bernama tambahan, sehingga totalnya menjadi 147. CSS Color Level 4 kemudian menambahkan rebeccapurple , untuk menghormati putri Eric Meyer, sehingga totalnya menjadi saat ini 148 warna bernama.

Tidak seperti kode warna heksadesimal atau RGB, warna yang diberi nama dapat dibaca dan diingat secara intuitif. Menggunakan coral dibandingkan #FF7F50 membuat CSS Anda lebih deskriptif dan mudah dikelola, terutama ketika bekerja dalam tim atau ketika penamaan warna semantik penting untuk konsistensi sistem desain.

Cara Kerja Alat Referensi Kami

Referensi Nama Warna HTML kami mengatur 148 warna yang diberi nama ke dalam kotak yang dapat dicari dan disaring sehingga pencarian warna yang tepat menjadi cepat dan intuitif. Inilah cara kerjanya:

  1. Telusuri atau cari - Gulir ke seluruh kotak warna lengkap atau ketikkan nama (seperti "coral" atau "rebeccapurple") atau nilai HEX (seperti #FF7F50) ke dalam bilah pencarian. Hasilnya diperbarui secara real-time saat Anda mengetik, menampilkan warna yang serasi secara instan.
  2. Filter menurut kategori - Gunakan chip kategori untuk mempersempit hasil: lihat hanya 16 warna standar HTML 4.01, warna bernama CSS yang diperluas, atau hanya warna yang aman digunakan dalam email HTML. Setiap filter membantu Anda menemukan warna yang sesuai dengan kasus penggunaan tertentu.
  3. Salin dan gunakan - Setiap kartu warna dilengkapi tombol salin untuk nama warna dan nilai HEX. Klik untuk menyalin, lalu tempel langsung ke CSS, HTML, template email, atau alat desain Anda. Contoh visual memberi Anda pratinjau akurat tentang tampilan warna.

Dukungan Browser & Kompatibilitas Email

  • Dukungan Browser: Semua 148 warna bernama CSS didukung di setiap browser modern - Chrome, Firefox, Safari, Edge, dan Opera. 16 warna dasar HTML 4.01 didukung di hampir semua browser yang pernah dibuat, termasuk Internet Explorer 3+. Warna bernama CSS yang diperluas didukung di semua browser berkemampuan CSS3 (IE 9+).
  • Kompatibilitas Klien Email: 16 warna standar HTML 4.01, ditambah beberapa warna tambahan yang umum digunakan seperti oranye, coklat, merah muda, dan emas, didukung secara luas di semua klien email termasuk Outlook (desktop dan web), Gmail, Yahoo Mail, dan Apple Mail. Warna diperluas yang lebih tidak jelas mungkin tidak ditampilkan dengan benar di mesin rendering berbasis Word Outlook dan mungkin kembali ke warna default.
  • Warna Aman Web: Warna yang ditandai sebagai "Aman Web" adalah salah satu dari 216 warna yang ditampilkan secara konsisten di semua monitor dan browser tanpa ragu-ragu. Meskipun tidak terlalu penting pada tampilan modern, warna yang aman untuk web tetap berguna untuk menjaga konsistensi tampilan pada layar lama atau berkualitas lebih rendah.
  • CSS Color Level 4: Spesifikasi CSS Color Level 4 modern memperkenalkan rebeccapurple (hex #663399) pada tahun 2014, untuk menghormati putri Eric Meyer, Rebecca. Ini adalah warna bernama yang paling baru ditambahkan dan didukung di semua browser modern.

Privasi, Keamanan & Ketersediaan

Privasi Anda adalah prioritas kami. Referensi Nama Warna HTML memproses semuanya secara lokal di browser Anda. Tidak ada data yang dikirim ke server mana pun - pencarian, filter, dan pilihan warna Anda tidak pernah meninggalkan perangkat Anda. Alat ini sepenuhnya gratis tanpa perlu mendaftar, tidak ada batasan penggunaan, dan tidak ada batasan tersembunyi. Gunakan dengan percaya diri untuk proyek pribadi, situs web komersial, pekerjaan klien, atau tujuan pendidikan.

Pertanyaan yang Sering Diajukan

Ada 148 warna bernama dalam gabungan HTML dan CSS. Standar HTML 4.01 awalnya mendefinisikan 16 warna dasar. Modul Warna CSS Level 3 menambahkan 131 warna bernama yang diperluas, sehingga totalnya menjadi 147. CSS Color Level 4 kemudian menambahkan rebeccapurple, untuk menghormati putri Eric Meyer, dengan total akhir 148 warna bernama yang didukung di semua browser modern.

16 warna bernama HTML 4.01 asli adalah: aqua, hitam, biru, fuchsia, abu-abu, hijau, kapur, merah marun, biru tua, zaitun, ungu, merah, perak, teal, putih, dan kuning. Ke-16 warna ini telah didukung sejak browser web paling awal dan kompatibel secara universal di semua platform, termasuk klien email dan sistem lama.

Tidak, tidak semua 148 warna yang disebutkan aman untuk penggunaan email. 16 warna standar HTML 4.01 ditambah warna tambahan yang umum digunakan seperti oranye, coklat, merah muda, emas, dan koral berfungsi dengan baik di semua klien email utama. Warna diperluas yang lebih tidak jelas seperti blanchedalmond, papayawhip, atau rebeccapurple mungkin tidak ditampilkan dengan benar di mesin rendering berbasis Word Outlook dan mungkin kembali ke warna default.

Warna yang aman untuk web adalah 216 warna yang ditampilkan secara konsisten di seluruh monitor dan sistem operasi tanpa gangguan atau perubahan warna. Mereka ditentukan dengan hanya menggunakan nilai hex 00, 33, 66, 99, CC, dan FF untuk setiap saluran RGB. Meskipun warna yang aman untuk web sangat penting di era tampilan 256 warna, monitor modern dapat menampilkan jutaan warna, sehingga warna yang aman untuk web menjadi kurang penting saat ini.

Rebeccapurple (#663399) ditambahkan ke CSS Color Level 4 pada tahun 2014 untuk menghormati Rebecca Alison Meyer, putri pengembang web Eric Meyer, yang meninggal karena kanker otak pada usia enam tahun. Warna tersebut dipilih karena warna favorit Rebecca adalah ungu dan #663399 adalah kode hex pribadinya. Ini adalah CSS bernama warna yang paling baru ditambahkan dan didukung di semua browser modern.

Ya, nama warna HTML dapat digunakan di sebagian besar atribut HTML yang menerima nilai warna, termasuk atribut bgcolor, text, link, vlink, alink, dan bordercolor yang tidak digunakan lagi. Mereka juga dapat digunakan dalam atribut style dan CSS. Namun, untuk pengembangan web modern, disarankan untuk menggunakan CSS untuk penataan gaya daripada atribut presentasi HTML.

Ya, Referensi Nama Warna HTML sepenuhnya gratis tanpa batasan. Tidak ada persyaratan pendaftaran, tidak ada batasan penggunaan, dan tidak ada biaya tersembunyi. Semua data dimuat dan diproses secara lokal di browser Anda - pencarian dan pilihan Anda tidak pernah meninggalkan perangkat Anda. Gunakan untuk proyek apa pun, termasuk situs web komersial, pekerjaan klien, atau pembelajaran pribadi.