Nama Warna CSS Online

Spesifikasi W3C CSS Color Level 4 mendefinisikan tepat 148 warna bernama, termasuk transparent khusus (setara dengan rgba(0,0,0,0)) dan alias rebeccapurple (ditambahkan pada 2014 untuk menghormati Rebecca Meyer, putri penulis CSS Eric Meyer, yang meninggal pada usia 6 tahun). 146 nama lainnya berasal dari sistem warna X11 MIT, yang distandarisasi oleh W3C dalam CSS2.1 (1998) dan ditegaskan kembali dalam CSS3. CSS juga mendefinisikan currentColor dan inherit, tetapi ini adalah kata kunci pewarisan bukan nilai warna aktual, sehingga tidak dihitung dalam 148.

Warna X11 berasal dari file rgb.txt di X Window System server (MIT X Consortium, 1985). Awalnya berisi daftar warna yang dibuat oleh Paul Raveling dari USC Information Sciences Institute, berdasarkan sistem Resene Colours dari Selandia Baru. Dengan setiap versi server X, daftar ini diperluas dan dimodifikasi oleh berbagai kontributor, menciptakan inkonsistensi historis. Ketika W3C mengadopsi nama-nama ini untuk CSS2.1, mereka memilih dengan cermat untuk menghilangkan ambiguitas tetapi tetap mempertahankan nama-nama seperti blanchedalmond, papayawhip, peachpuff, lemonchiffon, dan cornsilk, yang berasal dari nama hidangan penutup Amerika dan bahan tekstil populer pada 1980-an.

Warna CSS bernama ideal untuk: pembuatan prototipe cepat dan kode demo di mana keterbacaan lebih penting dari presisi, kode edukasi di mana nama deskriptif membantu memahami maksud (misalnya background: lightgray lebih mudah dibaca dari background: #d3d3d3), nilai debugging sementara, dan kasus di mana warna persis dapat bervariasi antar implementasi browser (meski dalam praktiknya browser modern sudah konsisten). Untuk produksi, nilai HEX atau HSL lebih disukai: keduanya eksplisit, tidak mengharuskan developer menghafal daftar nama, dan lebih mudah dimodifikasi secara programatik.

WCAG (Web Content Accessibility Guidelines) 2.1 dari W3C mendefinisikan rasio kontras minimum untuk teks yang dapat dibaca. Level AA (minimum legal di banyak yurisdiksi) memerlukan rasio 4,5:1 untuk teks normal dan 3:1 untuk teks besar (18pt+ atau 14pt+ tebal). Level AAA (keunggulan) memerlukan 7:1 untuk teks normal. Banyak warna CSS bernama gagal memenuhi persyaratan ini: yellow (#FFFF00) di latar belakang putih memiliki rasio 1,07:1 (tidak dapat dibaca), sementara black (#000000) di atas putih memiliki 21:1 (maksimum yang mungkin). Warna seperti navy, darkgreen, maroon, dan midnightblue memiliki kontras yang baik di atas putih.

CSS Color Level 4 memperkenalkan fungsi warna canggih yang jauh melampaui 148 warna bernama. oklch() dan oklab() adalah ruang warna yang seragam secara perceptual di mana delta numerik yang sama menghasilkan perubahan warna yang sama secara visual (tidak seperti HSL di mana delta lightness yang sama memiliki efek sangat berbeda tergantung pada hue). Fungsi color-mix() memungkinkan pencampuran dua warna: color-mix(in oklch, blue 30%, red) menghasilkan campuran yang alami secara perceptual. Fungsi-fungsi ini mendapat dukungan browser yang berkembang sejak 2022-2023.

Pada 7 Juni 2014, Rebecca Alicia Meyer, putri berusia 6 tahun dari Eric A. Meyer (salah satu pendiri CSS Working Group, penulis buku referensi CSS definitif), meninggal karena glioblastoma (tumor otak grade IV). Pada hari kematiannya, komunitas CSS mengusulkan penamaan warna #663399 (ungu violet yang merupakan warna favoritnya) sebagai rebeccapurple untuk menghormatinya. Proposal tersebut disetujui oleh CSS Working Group dan ditambahkan ke spesifikasi CSS Color Level 4 pada 14 Juni 2014. Ini adalah satu-satunya warna CSS yang ditambahkan karena alasan emosional dan kemanusiaan, dan satu-satunya di antara 148 warna dengan kisah pribadi yang terdokumentasi yang tidak diwarisi dari sistem X11.