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

28/11/14 11.1K

Sayangnya, sensasi rasa belum bisa ditampilkan di website. Tapi ini bisa diimbangi sepenuhnya dengan bantuan warna. Lagi pula, warna html memungkinkan Anda menampilkan jutaan warna. Jadi " pensil warna Ada lebih dari tujuh di setnya.

Skema warna dalam html

Dalam html, warna dapat ditentukan dalam beberapa format:

1. Sebagai nilai heksadesimal – digunakan kode yang ditentukan dalam sistem bilangan heksadesimal. Kode warna tersebut pada html terdiri dari tiga pasang angka heksadesimal. Setiap pasangan bertanggung jawab atas saturasi warna dengan warna utamanya:

• Pasangan angka pertama bertanggung jawab atas warna merah;
• Pasangan kedua untuk isi warna hijau;
• Yang terakhir adalah karena kontennya yang berwarna biru.

Tanda pagar ditempatkan di awal kode (sebelum angka). Inilah kepanjangan dari heksadesimal kode warna. Selain angka 1 sampai 9, sistem bilangan ini menggunakan huruf latin (A, B, C, D, E, F).

Misalnya kode warna putih pada html akan terlihat seperti #FFFFFF:

2. Kata Kunci - HTML saat ini mendukung sekitar 147 kata kunci. Namun tidak semua kata-kata ini unik. Beberapa di antaranya mengacu pada corak warna yang sama.

Warna abu-abu diwakili oleh dua kata kunci: abu-abu dan abu-abu. Kode heksadesimalnya (HEX) diberikan dengan nilai yang sama #808080.

Contoh:

#808080

3.B format RGB– pengkodean warna dalam html ini didasarkan pada penggunaan tiga nilai, yang ditentukan dalam rentang dari 0 hingga 255. Masing-masing nilai menentukan saturasi rona dengan salah satu warna primer:

• R – merah (merah);
• G – hijau (hijau);
• B – biru (biru).

Nomor warna dalam format RGB dituliskan dalam bentuk berikut: rgb(0, 210, 100).

warna latar belakang:rgb(100,186,43)

4. Dalam format RGBA - ini adalah format RGB yang ditingkatkan, di mana nilai keempat menentukan transparansi warna sebagai pecahan desimal dari 0 hingga 1.

Contoh penggunaan:

warna latar belakang:rgba(100,86,143,0.2)

warna latar belakang:rgba(100,86,143,0.5)

warna latar belakang:rgba(100,86,143,0.8)

warna latar belakang:rgba(100,86,143,1)

Tabel warna HTML dan generator warna

Dengan begitu banyak format pengaturan warna, mudah untuk menjadi bingung. Oleh karena itu, tabel warna khusus diciptakan. Ini memberikan 147 nama kunci corak warna dengan kode kepatuhan di semua standar warna utama. Selain itu, setiap bidang dilengkapi dengan bilah untuk pemilihan warna visual. Salah satu tabel berikut disajikan di situs web colourcheme.ru:

Namun meski dengan penataan yang serasi ini, memilih warna yang tepat bisa jadi sulit. Dan bukan fakta bahwa tabel kode warna akan berisi yang Anda butuhkan.

Untuk mengatasi kendala ini dan mempermudah pemilihan warna yang tepat, layanan web interaktif telah dikembangkan. Milik mereka antarmuka pengguna mungkin sedikit berbeda satu sama lain.

Di situs web html-color-codes.info generator warna terlihat seperti ini:

Dan dalam layanan color-picker.appsmaster.co, alat ini diterapkan sedikit berbeda:

Saturasi setiap warna di generator diatur menggunakan slider khusus. Secara visual, shade ditampilkan berdasarkan warna bingkai dan persegi panjang di sisi kiri. Di bagian bawah, 3 kolom menampilkan kode warna dalam format dasar.

Tetapi generator warna tidak hanya tersedia di situs khusus. Hampir semua editor grafis dilengkapi dengan alat serupa. Misalnya, Photoshop:

Tindakan pencegahan keselamatan saat bekerja dengan warna

Dan ini sudah lama sekali, di era kartu video yang hanya mendukung 256 warna. Di masa-masa yang jauh itu sistem operasi hanya dapat ditampilkan tanpa distorsi jumlah tertentu nuansa delapan bit.

Kemudian tabel warna aman yang bagus dikembangkan. Ini menentukan 216 warna yang dapat ditampilkan tanpa distorsi di browser mana pun pada waktu itu. Dan sampai hari ini " naskah yang bagus» masih tersedia di beberapa sumber:

Saat ini segalanya telah berubah. Oleh karena itu, semua aturan keselamatan saat bekerja dengan warna dalam html dibatalkan sepenuhnya. Bagaimanapun, perangkat keras komputer modern mendukung lebih dari 16 juta warna berbeda. Dan 216 warna aman telah terlupakan.

Angka heksadesimal digunakan untuk menentukan warna. Sistem heksadesimal, tidak seperti sistem desimal, seperti namanya, didasarkan pada angka 16. Angka-angkanya adalah sebagai berikut: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Angka 10 sampai 15 diganti dengan huruf latin. Bilangan yang lebih besar dari 15 pada sistem heksadesimal dibentuk dengan menggabungkan dua bilangan menjadi satu. Misalnya, angka 255 dalam desimal sama dengan angka FF dalam heksadesimal. Untuk menghindari kebingungan dalam menentukan sistem bilangan, simbol hash # diletakkan sebelum bilangan heksadesimal, misalnya #666999. Masing-masing dari tiga warna - merah, hijau dan biru - dapat mengambil nilai dari 00 hingga FF. Jadi, simbol warna dibagi menjadi tiga komponen #rrggbb, dimana dua simbol pertama menunjukkan komponen warna merah, dua simbol di tengah - hijau, dan dua simbol terakhir - biru. Dibolehkan menggunakan bentuk singkatan #rgb, di mana setiap karakter harus digandakan. Jadi, entri #fe0 harus dianggap sebagai #ffee00.

Berdasarkan nama

Penjelajah Internet	krom	Opera	Safari	Firefox	Android	iOS
4.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

Browser mendukung beberapa warna berdasarkan namanya. Dalam tabel 1 menunjukkan nama, kode heksadesimal, RGB, nilai HSL dan deskripsi.

Meja 1. Nama warna

Nama	Warna	Kode	RGB	HSL	Keterangan
putih		#ffffff atau #fff	rgb(255.255.255)	hsl(0,0%,100%)	Putih
perak		#c0c0c0	rgb(192.192.192)	hsl(0,0%,75%)	Abu-abu
abu-abu		#808080	rgb(128.128.128)	hsl(0,0%,50%)	Abu-abu gelap
hitam		#000000 atau #000	rgb(0,0,0)	hsl(0,0%,0%)	Hitam
merah tua		#800000	rgb(128,0,0)	hsl(0,100%,25%)	Merah tua
merah		#ff0000 atau #f00	rgb(255,0,0)	hsl(0,100%,50%)	Merah
oranye		#ffa500	rgb(255.165,0)	hsl(38,8,100%,50%)	Oranye
kuning		#ffff00 atau #ff0	rgb(255.255,0)	hsl(60,100%,50%)	Kuning
zaitun		#808000	rgb(128,128,0)	hsl(60,100%,25%)	Zaitun
kapur		#00ff00 atau #0f0	rgb(0,255,0)	hsl(120,100%,50%)	Hijau muda
hijau		#008000	rgb(0,128,0)	hsl(120,100%,25%)	Hijau
air		#00ffff atau #0ff	rgb(0,255,255)	hsl(180,100%,50%)	Biru
biru		#0000ff atau #00f	rgb(0,0,255)	hsl(240,100%,50%)	Biru
angkatan laut		#000080	rgb(0,0,128)	hsl(240,100%,25%)	Biru tua
teal		#008080	rgb(0,128,128)	hsl(180,100%,25%)	Biru-hijau
fuchsia		#ff00ff atau #f0f	rgb(255,0,255)	hsl(300,100%,50%)	Berwarna merah muda
ungu		#800080	rgb(128,0,128)	hsl(300,100%,25%)	Ungu

Menggunakan RGB

Penjelajah Internet	krom	Opera	Safari	Firefox	Android	iOS
5.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

Anda dapat menentukan warna menggunakan nilai merah, hijau, dan biru dalam desimal. Masing-masing dari tiga komponen warna mengambil nilai dari 0 hingga 255. Juga diperbolehkan untuk menentukan warna sebagai persentase, dengan 100% sesuai dengan angka 255. Pertama, tentukan kata kunci rgb, lalu tentukan komponen warna dalam tanda kurung , dipisahkan dengan koma, misalnya rgb(255 , 128, 128) atau rgb(100%, 50%, 50%).

RGBA

Penjelajah Internet	krom	Opera	Safari	Firefox	Android	iOS
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

Format RGBA memiliki sintaksis yang mirip dengan RGB, tetapi menyertakan saluran alfa yang menentukan transparansi elemen. Nilai 0 berarti transparan sepenuhnya, 1 buram, dan nilai antara seperti 0,5 berarti semi transparan.

RGBA telah ditambahkan ke CSS3, jadi kode CSS harus divalidasi terhadap versi ini. Perlu dicatat bahwa standar CSS3 masih dalam pengembangan dan beberapa fitur mungkin berubah. Misalnya, warna dalam format RGB yang ditambahkan ke properti background-color divalidasi, namun warna yang ditambahkan ke properti background tidak valid lagi. Pada saat yang sama, browser memahami warna untuk kedua properti dengan cukup tepat.

HSL

Penjelajah Internet	krom	Opera	Safari	Firefox	Android	iOS
9.0+	1.0+	9.6+	3.1+	3.0+	2.1+	2.0+

Nama format HSL terbentuk dari gabungan huruf pertama Hue (hue), Saturate (saturasi) dan Lightness (ringan). Hue adalah nilai warna pada roda warna (Gbr. 1) dan dinyatakan dalam derajat. 0° berarti merah, 120° berarti hijau, dan 240° berarti biru. Nilai rona dapat bervariasi dari 0 hingga 359.

Beras. 1. Roda warna

Saturasi adalah intensitas warna dan diukur dalam persentase dari 0% hingga 100%. Nilai 0% menunjukkan tidak adanya warna dan bayangan abu-abu, 100% adalah nilai maksimum saturasi.

Lightness menentukan seberapa cerah warnanya dan ditentukan dalam persentase dari 0% hingga 100%. Nilai rendah membuat warna lebih gelap, dan nilai tinggi membuat warna lebih terang; nilai ekstrem 0% dan 100% menunjukkan hitam putih.

HSLA

Penjelajah Internet	krom	Opera	Safari	Firefox	Android	iOS
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

Format HSLA serupa sintaksisnya dengan HSL, tetapi menyertakan saluran alfa untuk menentukan transparansi elemen. Nilai 0 berarti transparan sepenuhnya, 1 buram, dan nilai antara seperti 0,5 berarti semi transparan.

Nilai warna di Format RGBA, HSL dan HSLA telah ditambahkan ke CSS3, jadi saat menggunakan format ini, periksa kode Anda untuk validitas versi.

HTML5 CSS2.1 CSS3 YAITU Cr Op Sa Fx

Peringatan

Semua metode penangkapan singa yang tercantum di situs ini bersifat teoretis dan berdasarkan metode komputasi. Penulis tidak menjamin keselamatan Anda saat menggunakannya dan tidak bertanggung jawab atas hasilnya. Ingat, singa adalah predator dan hewan berbahaya!

Hasil dari contoh ini ditunjukkan pada Gambar. 2.

Beras. 2. Warna pada halaman web

DI DALAM warna HTML dapat diatur 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):

Warna	Nama	Warna	Nama	Warna	Nama	Warna	Nama
	Hitam		Abu-abu		Perak		Putih
	Kuning		Kapur		air		fuchsia
	Merah		Hijau		Biru		Ungu
	Merah tua		Zaitun		Angkatan laut		teal

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, bilangan heksadesimal diawali dengan 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):

nama Inggris	nama Rusia	Mencicipi	HEX	RGB
bayam	bayam		#E52B50	229	43	80
Amber	Amber		#FFBF00	255	191	0
air	Biru-hijau		#00FFFF	0	255	255
Biru langit	Biru langit		#007FFF	0	127	255
Hitam	Hitam		#000000	0	0	0
Biru	Biru		#0000FF	0	0	255
Bondi Biru	Air pantai Bondi		#0095B6	0	149	182
Kuningan	Kuningan		#B5A642	181	166	66
Cokelat	Cokelat		#964B00	150	75	0
Berwarna biru langit	Biru langit		#007BA7	0	123	167
Hijau musim semi yang gelap	Hijau musim semi yang gelap		#177245	23	114	69
Zamrud	Zamrud		#50C878	80	200	120
Terung	Terung		#990066	153	0	102
fuchsia	fuchsia		#FF00FF	255	0	255
Emas	Emas		#FFD700	250	215	0
Abu-abu	Abu-abu		#808080	128	128	128
Hijau	Hijau		#00FF00	0	255	0
Nila	Nila		#4B0082	75	0	130
Giok	Giok		#00A86B	0	168	107
Kapur	Kapur		#CCFF00	204	255	0
perunggu	perunggu		#0BDA51	11	218	81
Angkatan laut	Biru tua		#000080	0	0	128
Oker	Oker		#CC7722	204	119	34
Zaitun	Zaitun		#808000	128	128	0
Oranye	Oranye		#FFA500	255	165	0
Persik	Persik		#FFE5B4	255	229	180
Labu kuning	Labu kuning		#FF7518	255	117	24
Ungu	Ungu		#800080	128	0	128
Merah	Merah		#FF0000	255	0	0
Kunyit	Kunyit		#F4C430	244	196	48
Laut Hijau	Laut hijau		#2E8B57	46	139	87
Rawa hijau	Bolotny		#ACB78E	172	183	142
teal	Biru-hijau		#008080	0	128	128
Biru laut	Biru laut		#120A8F	18	10	143
Ungu	Ungu		#8B00FF	139	0	255
Kuning	Kuning		#FFFF00	255	255	0

Kode warna (latar belakang) berdasarkan saturasi dan rona.

Vlad Merzhevich

Dalam HTML, warna ditentukan dengan salah satu dari dua cara: menggunakan kode heksadesimal dan dengan nama warna tertentu. Metode yang didasarkan pada sistem bilangan heksadesimal paling banyak digunakan, karena merupakan metode yang paling universal.

Warna heksadesimal

HTML menggunakan angka heksadesimal untuk menentukan warna. Sistem heksadesimal, tidak seperti sistem desimal, seperti namanya, didasarkan pada angka 16. Angka-angkanya adalah sebagai berikut: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Angka 10 sampai 15 diganti dengan huruf latin. Dalam tabel 6.1 menunjukkan korespondensi antara bilangan desimal dan heksadesimal.

Bilangan yang lebih besar dari 15 pada sistem heksadesimal dibentuk dengan menggabungkan dua bilangan menjadi satu (Tabel 6.2). Misalnya, angka 255 dalam desimal sama dengan angka FF dalam heksadesimal.

Untuk menghindari kebingungan dalam mendefinisikan sistem bilangan, bilangan heksadesimal diawali dengan simbol hash #, misalnya #aa69cc. Dalam hal ini kasusnya tidak menjadi masalah, sehingga diperbolehkan menulis #F0F0F0 atau #f0f0f0.

Warna khas yang digunakan dalam HTML terlihat seperti ini.

Di sini warna latar belakang halaman web diatur ke #FA8E47. Simbol hash # di depan angka berarti heksadesimal. Dua digit pertama (FA) menentukan komponen warna merah, digit ketiga hingga keempat (8E) menentukan komponen hijau, dan dua digit terakhir (47) menentukan komponen biru. Hasil akhirnya adalah warna ini.

F.A.

+

8E

+

47

=

FA8E47

Masing-masing dari tiga warna - merah, hijau dan biru - dapat mengambil nilai dari 00 hingga FF, menghasilkan total 256 warna. Jadi, jumlah seluruh warnanya adalah 256x256x256 = 16.777.216 kombinasi. Model warna berdasarkan komponen merah, hijau dan biru disebut RGB (merah, hijau, biru; merah, hijau, biru). Model ini bersifat aditif (dari tambah – tambah), dimana penambahan ketiga komponen tersebut membentuk warna putih.

Untuk mempermudah menavigasi warna heksadesimal, pertimbangkan beberapa aturan.

• Jika nilai komponen warnanya sama (contoh: #D6D6D6), maka hasilnya akan berwarna abu-abu. Semakin tinggi angkanya, semakin terang warnanya, dengan nilai mulai dari #000000 (hitam) hingga #FFFFFF (putih).
• Warna merah cerah terbentuk jika komponen merah dibuat maksimum (FF) dan komponen sisanya diatur ke nol. Warna dengan nilai #FF0000 adalah warna merah yang paling merah. Hal yang sama berlaku untuk hijau (#00FF00) dan biru (#0000FF).
• Kuning (#FFFF00) dibuat dengan mencampurkan warna merah dan hijau. Hal ini terlihat jelas pada roda warna (Gbr. 6.1) yang menampilkan warna primer (merah, hijau, biru) dan warna komplementer atau tambahan. Ini termasuk kuning, cyan dan ungu (juga disebut magenta). Secara umum, warna apa pun dapat diperoleh dengan mencampurkan warna-warna yang mendekatinya. Jadi, cyan (#00FFFF) diperoleh dengan menggabungkan warna biru dan hijau.

Beras. 6.1. Roda warna

Warna berdasarkan nilai heksadesimal tidak harus dipilih secara empiris. Cocok untuk tujuan ini editor grafis mampu bekerja dengan berbeda model warna, Misalnya, Adobe Photoshop. Pada Gambar. Gambar 6.2 menunjukkan jendela untuk memilih warna dalam program ini; nilai heksadesimal yang dihasilkan dari warna saat ini digariskan dengan garis. Anda dapat menyalin dan menempelkannya ke kode Anda.

Beras. 6.2. Jendela untuk memilih warna di Photoshop

Warna web

Jika Anda mengatur kualitas rendering warna monitor ke 8 bit (256 warna), maka warna yang sama dapat ditampilkan di browser yang berbeda dengan caraku sendiri. Hal ini disebabkan cara grafik ditampilkan, ketika browser bekerja dengan paletnya sendiri dan tidak dapat menampilkan warna yang tidak ada dalam paletnya. Dalam hal ini, warnanya diganti dengan kombinasi piksel lain yang dekat dengannya, warna yang meniru warna tertentu. Untuk memastikan bahwa warnanya tetap sama di berbagai browser, palet yang disebut warna web diperkenalkan. Warna web adalah warna yang setiap komponennya - merah, hijau, dan biru - disetel ke salah satu dari enam nilai - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Nilai heksadesimal komponen ini ditunjukkan dalam tanda kurung. Jumlah total warna dari semua kemungkinan kombinasi menghasilkan 6x6x6 - 216 warna. Contoh warna web adalah #33FF66.

Fitur utama warna web adalah tampilannya sama di semua browser. DI DALAM saat ini Relevansi warna web sangat kecil karena peningkatan kualitas monitor dan perluasan kemampuannya.

Warna berdasarkan nama

Untuk menghindari keharusan mengingat sekumpulan angka, Anda dapat menggunakan nama warna yang umum digunakan. Dalam tabel 6.3 menunjukkan nama-nama nama warna populer.

Meja 6.3. Nama beberapa warna

Nama warna	Warna	Keterangan	Nilai heksadesimal
hitam		Hitam	#000000
biru		Biru	#0000FF
fuchsia		Ungu muda	#FF00FF
abu-abu		Abu-abu gelap	#808080
hijau		Hijau	#008000
kapur		Hijau muda	#00FF00
merah tua		Merah tua	#800000
angkatan laut		Biru tua	#000080
zaitun		Zaitun	#808000
ungu		Ungu tua	#800080
merah		Merah	#FF0000
perak		Abu-abu muda	#C0C0C0
teal		Biru-hijau	#008080
putih		Putih	#FFFFFF
kuning		Kuning	#FFFF00

Tidak masalah apakah Anda menentukan warna berdasarkan namanya atau menggunakan angka heksadesimal. Metode-metode ini memiliki efek yang sama. Contoh 6.1 menunjukkan cara mengatur latar belakang dan warna teks halaman web.

Contoh 6.1. Latar belakang dan warna teks

Contoh teks

DI DALAM dalam contoh ini Warna latar belakang diatur menggunakan atribut bgcolor pada tag , dan warna teks melalui atribut text. Untuk variasi, nilai atribut teks diatur ke: angka heksadesimal, dan bgcolor menggunakan Reserved kata kunci teal.

Kode warna dalam CSS digunakan untuk menentukan warna. Biasanya, kode warna atau nilai warna digunakan untuk mengatur warna baik warna latar depan suatu elemen (misalnya warna teks, warna tautan) atau warna latar belakang suatu elemen (warna latar belakang, warna blok). Mereka juga dapat digunakan untuk mengubah warna tombol, batas, penanda, arahkan kursor, dan efek dekoratif lainnya.

Anda dapat menentukan nilai warna Anda dalam berbagai format. Tabel berikut mencantumkan semua kemungkinan format:

Format yang tercantum dijelaskan secara lebih rinci di bawah.

Warna CSS - Kode Hex

Kode warna heksadesimal adalah representasi warna enam digit. Dua digit pertama (RR) mewakili nilai merah, dua digit berikutnya mewakili nilai hijau (GG), dan dua digit terakhir mewakili nilai biru (BB).

Warna CSS - Kode Hex Pendek

Kode warna hex pendek adalah bentuk notasi enam karakter yang lebih pendek. Dalam format ini, setiap digit diulang untuk menghasilkan nilai warna enam digit yang setara. Misalnya: #0F0 menjadi #00FF00.

Nilai heksadesimal dapat diambil dari grafik apa pun perangkat lunak, seperti Adobe Photoshop, Core Draw, dll.

Setiap kode warna heksadesimal dalam CSS akan diawali dengan tanda pagar “#”. Di bawah ini adalah contoh penggunaan notasi heksadesimal.

Warna CSS - Nilai RGB

nilai RGB adalah kode warna yang diatur menggunakan properti rgb(). Properti ini mengambil tiga nilai: masing-masing satu untuk merah, hijau, dan biru. Nilainya bisa berupa bilangan bulat, dari 0 hingga 255, atau persentase.

Catatan: Tidak semua browser mendukung properti warna rgb(), jadi tidak disarankan untuk menggunakannya.

Di bawah ini adalah contoh yang memperlihatkan beberapa warna menggunakan nilai RGB.

Pembuat kode warna

Anda dapat membuat jutaan kode warna menggunakan layanan kami.

Warna Aman Browser

Di bawah ini adalah tabel 216 warna yang paling aman dan tidak bergantung pada komputer. Warna-warna dalam CSS ini berkisar dari 000000 hingga kode heksadesimal FFFFFF. Mereka aman digunakan karena memastikan semua komputer menampilkan warna dengan benar saat bekerja dengan 256 palet warna.

Tabel warna "aman" di CSS
#000000	#000033	#000066	#000099	#0000CC	#0000FF
#003300	#003333	#003366	#003399	#0033CC	#0033FF
#006600	#006633	#006666	#006699	#0066CC	#0066FF
#009900	#009933	#009966	#009999	#0099CC	#0099FF
#00CC00	#00CC33	#00CC66	#00CC99	#00CCCC	#00CCFF
#00FF00	#00FF33	#00FF66	#00FF99	#00FFCC	#00FFFF
#330000	#330033	#330066	#330099	#3300CC	#3300FF
#333300	#333333	#333366	#333399	#3333CC	#3333FF
#336600	#336633	#336666	#336699	#3366CC	#3366FF
#339900	#339933	#339966	#339999	#3399CC	#3399FF
#33CC00	#33CC33	#33CC66	#33CC99	#33CCCC	#33CCFF
#33FF00	#33FF33	#33FF66	#33FF99	#33FFCC	#33FFFF
#660000	#660033	#660066	#660099	#6600CC	#6600FF
#663300	#663333	#663366	#663399	#6633CC	#6633FF
#666600	#666633	#666666	#666699	#6666CC	#6666FF
#669900	#669933	#669966	#669999	#6699CC	#6699FF
#66CC00	#66CC33	#66CC66	#66CC99	#66CCCC	#66CCFF
#66FF00	#66FF33	#66FF66	#66FF99	#66FFCC	#66FFFF
#990000	#990033	#990066	#990099	#9900CC	#9900FF
#993300	#993333	#993366	#993399	#9933CC	#9933FF
#996600	#996633	#996666	#996699	#9966CC	#9966FF
#999900	#999933	#999966	#999999	#9999CC	#9999FF
#99CC00	#99CC33	#99CC66	#99CC99	#99CCCC	#99CCFF
#99FF00	#99FF33	#99FF66	#99FF99	#99FFCC	#99FFFF
#CC0000	#CC0033	#CC0066	#CC0099	#CC00CC	#CC00FF
#CC3300	#CC3333	#CC3366	#CC3399	#CC33CC	#CC33FF
#CC6600	#CC6633	#CC6666	#CC6699	#CC66CC	#CC66FF
#CC9900	#CC9933	#CC9966	#CC9999	#CC99CC	#CC99FF
#CCCC00	#CCCC33	#CCCC66	#CCCC99	#CCCCCC	#CCCCFF
#CCFF00	#CCFF33	#CCFF66	#CCFF99	#CCFFCC	#CCFFFF
#FF0000	#FF0033	#FF0066	#FF0099	#FF00CC	#FF00FF
#FF3300	#FF3333	#FF3366	#FF3399	#FF33CC	#FF33FF
#FF6600	#FF6633	#FF6666	#FF6699	#FF66CC	#FF66FF
#FF9900	#FF9933	#FF9966	#FF9999	#FF99CC	#FF99FF
#FFCC00	#FFCC33	#FFCC66	#FFCC99	#FFCCCC	#FFCCFF
#FFFF00	#FFFF33	#FFFF66	#FFFF99	#FFFFCC	#FFFFFF