Warna css eee. Warna dalam gaya dapat ditentukan dengan berbagai cara: berdasarkan nilai heksadesimal, berdasarkan nama, dalam format RGB, RGBA, HSL, HSLA

Halaman ini berisi tabel dengan kata kunci yang dapat digunakan untuk menentukan warna dalam bahasa pengembang Web seperti: HTML, CSS, JavaScript, Flash, dll.

Dalam spesifikasi lama yang menjadi perhatian WC3, hanya 16 yang ditentukan kata kunci, yang digunakan untuk mengatur warna dalam HTML dan CSS. Lebih jauh lagi, spesifikasi yang lebih modern, 130 kata kunci lainnya ditambahkan untuk menunjukkan nama warna. Tabel berikut berisi nama warna serta kode hex dan RGB yang sesuai.

Menurut aturan CSS nama warna tidak peka huruf besar-kecil. Entri warna IndianRed dan indianred setara.

Perlu juga dicatat bahwa dari 146 kata kunci dalam tabel, sebenarnya warna di dalamnya lebih sedikit. Ini karena beberapa kata kunci merujuk pada warna yang sama. Jadi nama Gray dan Gray menunjukkan 50 persen warna abu-abu dengan kode #808080, dan kata Magenta merupakan sinonimnya. warna HTML dan Fuchsia, sesuai dengan kode heksadesimal #FF00FF. Kata Aqua dan Cyan juga sinonim, sesuai dengan kode #00FFFF.

Dalam HTML, warna dapat ditentukan dengan tiga cara:

Mengatur warna dalam HTML berdasarkan namanya

Beberapa warna dapat ditentukan berdasarkan namanya, menggunakan nama warna pada Bahasa inggris. Kata kunci yang paling umum: hitam, putih, merah, hijau, biru, dll.:

Warna teks – merah

Warna paling populer dari standar World Wide Web Consortium (W3C):

Contoh penggunaan nama warna yang berbeda:

Contoh: menentukan warna berdasarkan namanya

• Cobalah sendiri »

Tajuk di latar belakang merah

Header pada latar belakang oranye

Menuju latar belakang kapur

Teks putih dengan latar belakang biru

Tajuk di latar belakang merah

Header pada latar belakang oranye

Menuju latar belakang kapur

Teks putih dengan latar belakang biru

Menentukan Warna Menggunakan RGB

Saat menampilkan warna berbeda pada monitor, palet RGB digunakan sebagai dasar. Warna apa pun diperoleh dengan mencampurkan tiga warna dasar: R - merah, G - hijau, B - biru. Kecerahan setiap warna diberikan oleh satu byte dan oleh karena itu dapat mengambil nilai dari 0 hingga 255. Misalnya, RGB(255,0,0) ditampilkan sebagai merah karena merah disetel ke nilai tertinggi (255) dan sisanya diatur ke 0 Anda juga dapat mengatur warna sebagai persentase. Setiap parameter menunjukkan tingkat kecerahan warna yang sesuai. Misalnya: nilai rgb(127, 255, 127) dan rgb(50%, 100%, 50%) akan menetapkan warna hijau yang sama dengan saturasi sedang:

Contoh : Menentukan Warna Menggunakan RGB

• Cobalah sendiri »

rgb(127, 255, 127)

RGB(50%, 100%, 50%)

rgb(127, 255, 127)

RGB(50%, 100%, 50%)

Atur warna berdasarkan nilai heksadesimal

Nilai-nilai R G B juga dapat ditentukan menggunakan nilai warna heksadesimal (HEX) dalam bentuk: #RRGGBB dimana RR (merah), GG (hijau) dan BB (biru) adalah nilai heksadesimal dari 00 hingga FF (sama dengan desimal 0-255 ) . Sistem heksadesimal, tidak seperti sistem desimal, seperti namanya, didasarkan pada angka 16. Sistem heksadesimal menggunakan tanda-tanda berikut: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Di sini angka 10 sampai 15 diganti dengan huruf latin. Angka yang lebih besar dari 15 dalam sistem heksadesimal direpresentasikan dengan menggabungkan dua karakter menjadi satu nilai. Misalnya, angka tertinggi 255 dalam desimal sama dengan nilai FF tertinggi dalam heksadesimal. Berbeda dengan sistem desimal sebelumnya angka heksadesimal letakkan simbol hash # , misalnya, #FF0000 ditampilkan dengan warna merah karena merah disetel ke nilai tertingginya (FF) dan warna lainnya disetel ke nilai minimumnya (00). Tanda setelah simbol hash # Anda dapat mengetikkan huruf besar dan kecil. Sistem heksadesimal memungkinkan Anda menggunakan bentuk singkatan #rgb, di mana setiap karakter setara dengan dua kali lipat. Oleh karena itu, entri #f7O seharusnya dianggap sebagai #ff7700.

Contoh: Warna HEX

• Cobalah sendiri »

merah: #FF0000

hijau: #00FF00

biru: #0000FF

merah: #FF0000

hijau: #00FF00

biru: #0000FF

merah+hijau=kuning: #FFFF00

merah+biru=ungu: #FF00FF

hijau+biru=sian: #00FFFF

Daftar warna umum (nama, HEX dan RGB):

Kode warna (latar belakang) berdasarkan saturasi dan rona.

Modul warna CSS merinci nilai yang memungkinkan penulis menentukan warna dan opacity elemen html, serta nilai properti warna.

properti warna

1. Warna prioritas: properti warna

Properti menentukan warna font menggunakan berbagai sistem rendering warna. Properti ini menjelaskan warna konten teks elemen. Selain itu, ini digunakan untuk memberikan potensi nilai tidak langsung (currentColor) untuk properti lain yang mengambil nilai warna.

Properti itu diwariskan.

2. Nilai warna

2.1. Kata Kunci Utama

Daftar kata kunci utama mencakup arti sebagai berikut:

Nama warna tidak peka huruf besar-kecil.

Sintaksis

Warna: biru kehijauan;

2.2. Nilai warna numerik

2.2.1. Warna model RGB

Format heksadesimal nilai RGB adalah tanda # yang diikuti langsung oleh tiga atau enam karakter heksadesimal. Notasi RGB tiga digit #rgb diubah menjadi bentuk enam digit #rrggbb dengan menyalin digitnya, bukan menambahkan angka nol. Misalnya, #fb0 diperluas menjadi #ffbb00 . Hal ini memastikan bahwa #ffffff putih dapat ditentukan dalam entri #fff pendek, dan menghilangkan ketergantungan pada kedalaman warna tampilan.

Format nilai RGB dalam notasi fungsional adalah rgb(diikuti dengan daftar tiga nilai numerik yang dipisahkan koma (tiga nilai bilangan bulat atau tiga nilai persentase) diikuti dengan simbol). Nilai integer 255 setara dengan 100% dan F atau FF dalam notasi heksadesimal:

Rgb(255.255.255) = rgb(100%, 100%, 100%) = #FFF

Karakter spasi diperbolehkan di sekitar nilai numerik.

Tabel (palet) warna html memberi Anda kesempatan untuk secara mandiri memilih nada yang Anda butuhkan. Nilai warna ditampilkan dalam tiga format: Hex, RGB dan HSV.

• Hex terdiri dari tiga nilai dua karakter dalam sistem bilangan heksadesimal. Misal: #ff00b3, pasangan angka pertama berwarna merah, pasangan angka kedua berwarna hijau, dan pasangan angka ketiga berwarna biru.
• RGB (RedGreenBlue) berbentuk "200.100.255", yang menunjukkan jumlah tone yang sesuai (merah, hijau, biru) pada warna yang dihasilkan.
• HSV (Hue, Saturation, Value - nada, saturasi, nilai) - model warna, yang koordinatnya adalah:
  • Hue - nada warna, dapat bervariasi dari 0° hingga 360°.
  • Saturasi - saturasi, bervariasi dari 0-100 atau 0-1. Semakin tinggi parameter ini, semakin “murni” warnanya, itulah sebabnya parameter ini terkadang disebut kemurnian warna. Dan semakin dekat parameter ini ke nol, semakin dekat warnanya ke abu-abu netral.
  • Nilai (nilai warna) - mengatur kecerahan, nilainya juga dapat bervariasi antara 0-100 atau 0-1.

Masukkan kode warna: PERGI

Daftar warna dengan nama

Tabel ini mencantumkan nama warna bahasa Inggris (yang dapat digunakan sebagai nilai) yang didukung oleh semua browser dan nilai heksadesimalnya. Semua warna yang tercantum adalah “aman”, artinya akan tampak sama di semua browser.

Ada beberapa cara untuk merepresentasikan warna dalam desain web.

HEX adalah sistem representasi warna heksadesimal berdasarkan basis 16. Untuk sistem ini, angka desimal Arab dari 0 hingga 9 dan huruf Latin dari A hingga F digunakan untuk melengkapi angka digital ke 16. Untuk desain web, 16 warna primer (kunci) digunakan, yang disebut kode warna heksadesimal #RRGGBB, di mana setiap pasangan bertanggung jawab atas pembagian warnanya: RR – merah, GG – hijau dan BB – biru. Setiap fraksi warna berkisar dari 00 hingga FF.

Dua representasi warna lainnya dalam desain web adalah: dalam bentuk RGB(*,*,*), di mana setiap pecahan “*” suatu warna diwakili oleh angka desimal dari 0 hingga 255 dan dengan nama warna dalam bahasa Inggris.

Saat membuat gambar berwarna, masalah utamanya adalah reproduksi warna yang benar jenis yang berbeda komputer, monitor, dan browser. Jika browser tidak dapat menampilkan warna dengan benar, browser akan memilih warna serupa atau mencampur beberapa warna. Dan terkadang bisa diganti dengan warna yang sama sekali berbeda.

Meja 16 warna primer, yang digunakan di semua browser

Meja ungu warna dan coraknya

Meja abu-abu warna dan coraknya