Summary of color codes in CSS (Collection)-CSS Tutorial-php.cn

Home

Web Front-end

CSS Tutorial

Summary of color codes in CSS (Collection)

黄舟

Jul 19, 2017 am 10:45 AM

css collect

CSS color code collection

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

Color name	Code	Color

Peach Red~Flash Red

Color Name Code mediumvioletred #C71585 　palevioletred #D87093 deeppink #FF1493 　fuchsia(magenta) #FF00FF 　##hotpink pink lightpink mistyrose lavenderblush Purple

		Color




#FF69B4
#FFC0CB
#FFB6C1
#FFE4E1
#FFF0F5

Color name Colorindigo purple darkmagenta darkorchid blueviolet darkviolet slateblue mediumpurple mediumslateblue ##mediumorchid #BA55D3 　violet #EE82EE 　plum #DDA0DD 　thistle #D8BFD8 lavender #E6E6FA 　

Brown~Orange~Beige

Code
#4B0082
#800080
#8B008B
#9932CC
#8A2BE2
#9400D3
#6A5ACD
#9370DB
#7B68EE

##lightcorol #F08080 　salmon #FA8072 　lightsalmon #FFA07A orangered #FF4500 　tomato #FF6347 　coral #FF7F50 　darkorange #FF8C00 ##sandybrown peru tan burlywood wheat moccasin navajowhite peachpuff bisque antuquewhite papayawhip cornsilk oldlace linen seashell snow floralwhite ##ivory #FFFFF0 　mintcream #F5FFFA 　Gold~Yellow

Color name	Code	Color
saddlebrown	#8B4513
sienna	#A0522D
chocolate	#D2691E
indianred	#CD5C5C
rosybrown	#BC8F8F







#F4A460
#CD853F
# D2B48C
#DEB887
#F5DEB3
#FFE4B5
#FFDEAD
#FFDAB9
#FFE4C4
#FAEBD7
#FFEFD5
#FFF8DC
#FDF5E6
#FAF0E6
#FFF5EE
#FFFAFA
#FFFAF0

Color name Code darkgoldenrod #B8860B 　#DAA520 #FFD700 #FFFF00 #BDB76B #F0E68C ##palegoldenrod #EEE8AA 　beige #F5F5DC 　lemonchiffon #FFFACD 　lightgoldenrodyellow #FAFAD2 　lightyellow #FFFFE0 　

~黃

綠

	Color
		##goldenrod
		gold
		yellow
		darkkhaki
		khaki

顏色名稱	代碼	顏色
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

The above is the detailed content of Summary of color codes in CSS (Collection). For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress images for free

Clothoff.io

AI clothes remover

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)

4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Best Graphic Settings

4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Assassin's Creed Shadows: Seashell Riddle Solution

2 weeks ago By DDD

R.E.P.O. How to Fix Audio if You Can't Hear Anyone

4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Chat Commands and How to Use Them

4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Where is the login entrance for gmail email?

7525

CakePHP Tutorial

1378

What is the format of the account name of steam

win11 activation key permanent

nyt connections hints and answers

Related knowledge

How to write split lines on bootstrap Apr 07, 2025 pm 03:12 PM

There are two ways to create a Bootstrap split line: using the tag, which creates a horizontal split line. Use the CSS border property to create custom style split lines.

The Roles of HTML, CSS, and JavaScript: Core Responsibilities Apr 08, 2025 pm 07:05 PM

HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.

How to insert pictures on bootstrap Apr 07, 2025 pm 03:30 PM

There are several ways to insert images in Bootstrap: insert images directly, using the HTML img tag. With the Bootstrap image component, you can provide responsive images and more styles. Set the image size, use the img-fluid class to make the image adaptable. Set the border, using the img-bordered class. Set the rounded corners and use the img-rounded class. Set the shadow, use the shadow class. Resize and position the image, using CSS style. Using the background image, use the background-image CSS property.

How to use bootstrap in vue Apr 07, 2025 pm 11:33 PM

Using Bootstrap in Vue.js is divided into five steps: Install Bootstrap. Import Bootstrap in main.js. Use the Bootstrap component directly in the template. Optional: Custom style. Optional: Use plug-ins.

How to resize bootstrap Apr 07, 2025 pm 03:18 PM

To adjust the size of elements in Bootstrap, you can use the dimension class, which includes: adjusting width: .col-, .w-, .mw-adjust height: .h-, .min-h-, .max-h-

How to set up the framework for bootstrap Apr 07, 2025 pm 03:27 PM

To set up the Bootstrap framework, you need to follow these steps: 1. Reference the Bootstrap file via CDN; 2. Download and host the file on your own server; 3. Include the Bootstrap file in HTML; 4. Compile Sass/Less as needed; 5. Import a custom file (optional). Once setup is complete, you can use Bootstrap's grid systems, components, and styles to create responsive websites and applications.

How to use bootstrap button Apr 07, 2025 pm 03:09 PM

How to use the Bootstrap button? Introduce Bootstrap CSS to create button elements and add Bootstrap button class to add button text

How to view the date of bootstrap Apr 07, 2025 pm 03:03 PM

Answer: You can use the date picker component of Bootstrap to view dates in the page. Steps: Introduce the Bootstrap framework. Create a date selector input box in HTML. Bootstrap will automatically add styles to the selector. Use JavaScript to get the selected date.

See all articles