Rumah hujung hadapan web tutorial css CSS中颜色代码大全总结(收藏)

CSS中颜色代码大全总结(收藏)

Jul 19, 2017 am 10:45 AM
css mengumpul

CSS颜色代码大全

FFFFFF #DDDDDD #AAAAAA #888888 #666666 #444444 #000000
#FFB7DD #FF88C2 #FF44AA  #FF0088  #C10066  #A20055  #8C0044 
#FFCCCC #FF8888 #FF3333  #FF0000  #CC0000  #AA0000  #880000 
#FFC8B4 #FFA488 #FF7744  #FF5511  #E63F00  #C63300  #A42D00 
#FFDDAA #FFBB66 #FFAA33 #FF8800  #EE7700  #CC6600  #BB5500 
#FFEE99 #FFDD55 #FFCC22 #FFBB00  #DDAA00  #AA7700  #886600 
#FFFFBB #FFFF77 #FFFF33 #FFFF00 #EEEE00 #BBBB00 #888800
#EEFFBB #DDFF77 #CCFF33 #BBFF00 #99DD00 #88AA00 #668800
#CCFF99 #BBFF66 #99FF33 #77FF00 #66DD00 #55AA00 #227700
#99FF99 #66FF66 #33FF33 #00FF00 #00DD00 #00AA00 #008800
#BBFFEE #77FFCC #33FFAA #00FF99 #00DD77 #00AA55 #008844
#AAFFEE #77FFEE #33FFDD #00FFCC #00DDAA #00AA88 #008866
#99FFFF #66FFFF #33FFFF #00FFFF #00DDDD #00AAAA #008888
#CCEEFF #77DDFF #33CCFF #00BBFF #009FCC #0088A8 #007799
#CCDDFF #99BBFF #5599FF #0066FF  #0044BB  #003C9D  #003377 
#CCCCFF #9999FF #5555FF  #0000FF  #0000CC  #0000AA  #000088 
#CCBBFF #9F88FF #7744FF  #5500FF  #4400CC  #2200AA  #220088 
#D1BBFF #B088FF #9955FF  #7700FF  #5500DD  #4400B3  #3A0088 
#E8CCFF #D28EFF #B94FFF  #9900FF  #7700BB  #66009D  #550088 
#F0BBFF #E38EFF #E93EFF  #CC00FF  #A500CC  #7A0099  #660077 
#FFB3FF #FF77FF #FF3EFF  #FF0 0FF  #CC00CC  #990099  #770077 

 

顏色名稱  代碼 

顏色

maroon  #800000   
darkred  #8B0000   
brown  #A52A2A   
firebrick  #B22222   
crimson  #DC143C   
red  #FF0000   

桃紅~紛紅

 

顏色名稱  代碼 

顏色

mediumvioletred  #C71585   
palevioletred  #D87093   
deeppink  #FF1493   
fuchsia(magenta)  #FF00FF   
hotpink  #FF69B4   
pink  #FFC0CB    
lightpink  #FFB6C1   
mistyrose  #FFE4E1   
lavenderblush  #FFF0F5   

 

顏色名稱  代碼 

顏色

indigo  #4B0082   
purple  #800080   
darkmagenta  #8B008B    
darkorchid   #9932CC   
blueviolet  #8A2BE2   
darkviolet  #9400D3   
slateblue  #6A5ACD   
mediumpurple  #9370DB   
mediumslateblue  #7B68EE    
mediumorchid  #BA55D3   
violet  #EE82EE   
plum  #DDA0DD   
thistle  #D8BFD8    
lavender  #E6E6FA   

褐~橘~米白

 

顏色名稱  代碼 

顏色

saddlebrown  #8B4513   
sienna  #A0522D    
chocolate  #D2691E   
indianred  #CD5C5C   
rosybrown  #BC8F8F   
lightcorol  #F08080    
salmon  #FA8072   
lightsalmon  #FFA07A   
orangered  #FF4500   
tomato  #FF6347   
coral  #FF7F50   
darkorange  #FF8C00   
sandybrown  #F4A460   
peru  #CD853F   
tan  #D2B48C   
burlywood  #DEB887   
wheat  #F5DEB3    
moccasin  #FFE4B5   
navajowhite  #FFDEAD   
peachpuff  #FFDAB9   
bisque  #FFE4C4   
antuquewhite  #FAEBD7   
papayawhip  #FFEFD5   
cornsilk  #FFF8DC    
oldlace  #FDF5E6   
linen  #FAF0E6   
seashell  #FFF5EE   
snow  #FFFAFA   
floralwhite  #FFFAF0   
ivory  #FFFFF0   
mintcream  #F5FFFA   

金~黃

 

顏色名稱  代碼 

顏色

darkgoldenrod  #B8860B   
goldenrod  #DAA520   
gold  #FFD700   
yellow  #FFFF00   
darkkhaki  #BDB76B   
khaki  #F0E68C   
palegoldenrod  #EEE8AA    
beige  #F5F5DC   
lemonchiffon  #FFFACD   
lightgoldenrodyellow  #FAFAD2   
lightyellow   #FFFFE0   

~黃

 

顏色名稱  代碼 

顏色

darkslategray  #2F4F4F   
darkolivegreen  #556B2F   
olive  #808000   
darkgreen  #006400   
forestgreen  #228B22   
seagreen  #2E8B57    
green(teal)  #008080   
lightseagreen  #20B2AA   
madiumaquamarine  #66CDAA   
mediumseagreen  #3CB371   
darkseagreen  #8FBC8F   
yellowgreen  #9ACD32   
limegreen  #32CD32   
lime  #00FF00   
chartreuse  #7FFF00   
lawngreen  #7CFC00   
greenyellow  #ADFF2F    
mediumspringgreen  #00FA9A   
springgreen  #00FF7F   
lightgreen   #90EE90   
palegreen  #98F898   
aquamarine  #7FFFD4   
honeydew  #F0FFF0   

 

顏色名稱  代碼 

顏色

midnightblue  #191970   
navy  #000080   
darkblue  #00008B   
darkslateblue  #483D8B   
mediumblue  #0000CD   
royalblue  #4169E1   
dodgerblue  #1E90FF   
cornflowerblue  #6495ED   
deepskyblue  #00BFFF   
lightskyblue  #87CEFA   
lightsteelblue  #B0C4DE   
lightblue  #ADD8E6   
steelblue  #4682B4   
darkcyan  #008B8B   
cadetblue  #5F9EA0   
darkturquoise  #00CED1   
mediumturquoise  #48D1CC   
turquoise  #40E0D0   
skyblue  #87CECB   
powderblue  #B0E0E6   
paleturquoise  #AFEEEE   
lightcyan  #E0FFFF   
azure  #F0FFFF   
aliceblue  #F0F8FF   
aqua(cyan)  #00FFFF   

黑~灰~白

 

顏色名稱  代碼 

顏色

black  #000000   
dimgray  #696969   
gray  #808080   
slategray  #708090   
lightslategray  #778899   
dakgray  #A9A9A9   
silver  #C0C0C0   
lightgray  #D3D3D3   
gainsboro  #DCDCDC   
whitesmoke  #F5F5F5   
ghostwhite  #F8F8FF   
white  #FFFFFF 

Atas ialah kandungan terperinci CSS中颜色代码大全总结(收藏). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Cara menggunakan butang bootstrap Cara menggunakan butang bootstrap Apr 07, 2025 pm 03:09 PM

Bagaimana cara menggunakan butang bootstrap? Perkenalkan CSS bootstrap untuk membuat elemen butang dan tambahkan kelas butang bootstrap untuk menambah teks butang

Cara mengubah saiz bootstrap Cara mengubah saiz bootstrap Apr 07, 2025 pm 03:18 PM

Untuk menyesuaikan saiz unsur-unsur dalam bootstrap, anda boleh menggunakan kelas dimensi, yang termasuk: menyesuaikan lebar: .col-, .w-, .mw-adjust ketinggian: .h-, .min-h-, .max-h-

Cara Menyiapkan Kerangka untuk Bootstrap Cara Menyiapkan Kerangka untuk Bootstrap Apr 07, 2025 pm 03:27 PM

Untuk menubuhkan rangka kerja bootstrap, anda perlu mengikuti langkah -langkah ini: 1. Rujuk fail bootstrap melalui CDN; 2. Muat turun dan tuan rumah fail pada pelayan anda sendiri; 3. Sertakan fail bootstrap di HTML; 4. Menyusun sass/kurang seperti yang diperlukan; 5. Import fail tersuai (pilihan). Setelah persediaan selesai, anda boleh menggunakan sistem grid Bootstrap, komponen, dan gaya untuk membuat laman web dan aplikasi yang responsif.

Cara memasukkan gambar di bootstrap Cara memasukkan gambar di bootstrap Apr 07, 2025 pm 03:30 PM

Terdapat beberapa cara untuk memasukkan imej dalam bootstrap: masukkan imej secara langsung, menggunakan tag HTML IMG. Dengan komponen imej bootstrap, anda boleh memberikan imej yang responsif dan lebih banyak gaya. Tetapkan saiz imej, gunakan kelas IMG-cecair untuk membuat imej boleh disesuaikan. Tetapkan sempadan, menggunakan kelas IMG-Sempadan. Tetapkan sudut bulat dan gunakan kelas IMG-bulat. Tetapkan bayangan, gunakan kelas bayangan. Saiz semula dan letakkan imej, menggunakan gaya CSS. Menggunakan imej latar belakang, gunakan harta CSS imej latar belakang.

Cara melihat tarikh bootstrap Cara melihat tarikh bootstrap Apr 07, 2025 pm 03:03 PM

Jawapan: Anda boleh menggunakan komponen pemetik tarikh bootstrap untuk melihat tarikh di halaman. Langkah -langkah: Memperkenalkan rangka kerja bootstrap. Buat kotak input pemilih Tarikh dalam HTML. Bootstrap secara automatik akan menambah gaya kepada pemilih. Gunakan JavaScript untuk mendapatkan tarikh yang dipilih.

Cara Menulis Garis Pecah Di Bootstrap Cara Menulis Garis Pecah Di Bootstrap Apr 07, 2025 pm 03:12 PM

Terdapat dua cara untuk membuat garis perpecahan bootstrap: menggunakan tag, yang mewujudkan garis perpecahan mendatar. Gunakan harta sempadan CSS untuk membuat garis perpecahan gaya tersuai.

Cara Mengesahkan Tarikh Bootstrap Cara Mengesahkan Tarikh Bootstrap Apr 07, 2025 pm 03:06 PM

Untuk mengesahkan tarikh dalam bootstrap, ikuti langkah -langkah ini: memperkenalkan skrip dan gaya yang diperlukan; memulakan komponen pemilih tarikh; Tetapkan atribut data-BV-tarikh untuk membolehkan pengesahan; Konfigurasikan peraturan pengesahan (seperti format tarikh, mesej ralat, dll.); Mengintegrasikan rangka kerja pengesahan bootstrap dan mengesahkan input tarikh secara automatik apabila borang dikemukakan.

Cara menetapkan bar navigasi bootstrap Cara menetapkan bar navigasi bootstrap Apr 07, 2025 pm 01:51 PM

Bootstrap Menyediakan panduan mudah untuk menubuhkan bar navigasi: Memperkenalkan Perpustakaan Bootstrap untuk membuat bar navigasi Tambah Identiti Jenama Buat Pautan Navigasi Tambah Elemen Lain (Pilihan) Laraskan Gaya (Pilihan)

See all articles