Web 前端颜色值–字体–使用,整理整理详解编程语言

做网页时经常挑选不好颜色吧…多看看颜色值,或者自己配吧….大笑

 

颜色值 CSS 颜色使用组合了红绿蓝颜色值 (RGB) 的十六进制 (hex) 表示法进行定义。对光源进行设置的最低值可以是 0(十六进制 00)。最高值是 255(十六进制 FF)。 十六进制值使用三个双位数来编写,并以 # 符号开头。

下面是一些颜色值…不多不多…够用了…

 

 

颜色名

十六进制颜色值

颜色

Black

#000000

 

Navy

#000080

 

DarkBlue

#00008B

 

MediumBlue

#0000CD

 

Blue

#0000FF

 

DarkGreen

#006400

 

Green

#008000

 

Teal

#008080

 

DarkCyan

#008B8B

 

DeepSkyBlue

#00BFFF

 

DarkTurquoise

#00CED1

 

MediumSpringGreen

#00FA9A

 

Lime

#00FF00

 

SpringGreen

#00FF7F

 

Aqua

#00FFFF

 

Cyan

#00FFFF

 

MidnightBlue

#191970

 

DodgerBlue

#1E90FF

 

LightSeaGreen

#20B2AA

 

ForestGreen

#228B22

 

SeaGreen

#2E8B57

 

DarkSlateGray

#2F4F4F

 

LimeGreen

#32CD32

 

MediumSeaGreen

#3CB371

 

Turquoise

#40E0D0

 

RoyalBlue

#4169E1

 

SteelBlue

#4682B4

 

DarkSlateBlue

#483D8B

 

MediumTurquoise

#48D1CC

 

Indigo

#4B0082

 

DarkOliveGreen

#556B2F

 

CadetBlue

#5F9EA0

 

CornflowerBlue

#6495ED

 

MediumAquaMarine

#66CDAA

 

DimGray

#696969

 

DimGrey

#696969

 

SlateBlue

#6A5ACD

 

OliveDrab

#6B8E23

 

SlateGray

#708090

 

LightSlateGray

#778899

 

MediumSlateBlue

#7B68EE

 

LawnGreen

#7CFC00

 

Chartreuse

#7FFF00

 

Aquamarine

#7FFFD4

 

Maroon

#800000

 

Purple

#800080

 

Olive

#808000

 

Gray

#808080

 

SkyBlue

#87CEEB

 

LightSkyBlue

#87CEFA

 

BlueViolet

#8A2BE2

 

DarkRed

#8B0000

 

DarkMagenta

#8B008B

 

SaddleBrown

#8B4513

 

DarkSeaGreen

#8FBC8F

 

LightGreen

#90EE90

 

MediumPurple

#9370DB

 

DarkViolet

#9400D3

 

PaleGreen

#98FB98

 

DarkOrchid

#9932CC

 

YellowGreen

#9ACD32

 

Sienna

#A0522D

 

Brown

#A52A2A

 

DarkGray

#A9A9A9

 

LightBlue

#ADD8E6

 

GreenYellow

#ADFF2F

 

PaleTurquoise

#AFEEEE

 

LightSteelBlue

#B0C4DE

 

PowderBlue

#B0E0E6

 

FireBrick

#B22222

 

DarkGoldenRod

#B8860B

 

MediumOrchid

#BA55D3

 

RosyBrown

#BC8F8F

 

DarkKhaki

#BDB76B

 

Silver

#C0C0C0

 

MediumVioletRed

#C71585

 

IndianRed

#CD5C5C

 

Peru

#CD853F

 

Chocolate

#D2691E

 

Tan

#D2B48C

 

LightGray

#D3D3D3

 

Thistle

#D8BFD8

 

Orchid

#DA70D6

 

GoldenRod

#DAA520

 

PaleVioletRed

#DB7093

 

Crimson

#DC143C

 

Gainsboro

#DCDCDC

 

Plum

#DDA0DD

 

BurlyWood

#DEB887

 

LightCyan

#E0FFFF

 

Lavender

#E6E6FA

 

DarkSalmon

#E9967A

 

Violet

#EE82EE

 

PaleGoldenRod

#EEE8AA

 

LightCoral

#F08080

 

Khaki

#F0E68C

 

AliceBlue

#F0F8FF

 

HoneyDew

#F0FFF0

 

Azure

#F0FFFF

 

SandyBrown

#F4A460

 

Wheat

#F5DEB3

 

Beige

#F5F5DC

 

WhiteSmoke

#F5F5F5

 

MintCream

#F5FFFA

 

GhostWhite

#F8F8FF

 

Salmon

#FA8072

 

AntiqueWhite

#FAEBD7

 

Linen

#FAF0E6

 

LightGoldenRodYellow

#FAFAD2

 

OldLace

#FDF5E6

 

Red

#FF0000

 

Fuchsia

#FF00FF

 

Magenta

#FF00FF

 

DeepPink

#FF1493

 

OrangeRed

#FF4500

 

Tomato

#FF6347

 

HotPink

#FF69B4

 

Coral

#FF7F50

 

Darkorange

#FF8C00

 

LightSalmon

#FFA07A

 

Orange

#FFA500

 

LightPink

#FFB6C1

 

Pink

#FFC0CB

 

Gold

#FFD700

 

PeachPuff

#FFDAB9

 

NavajoWhite

#FFDEAD

 

Moccasin

#FFE4B5

 

Bisque

#FFE4C4

 

MistyRose

#FFE4E1

 

BlanchedAlmond

#FFEBCD

 

PapayaWhip

#FFEFD5

 

LavenderBlush

#FFF0F5

 

SeaShell

#FFF5EE

 

Cornsilk

#FFF8DC

 

LemonChiffon

#FFFACD

 

FloralWhite

#FFFAF0

 

Snow

#FFFAFA

 

Yellow

#FFFF00

 

LightYellow

#FFFFE0

 

Ivory

#FFFFF0

 

White

#FFFFFF

 

 

 

 

 

 

 

颜色

颜色 HEX

颜色 RGB

 

#000000

rgb(0,0,0)

 

#FF0000

rgb(255,0,0)

 

#00FF00

rgb(0,255,0)

 

#0000FF

rgb(0,0,255)

 

#FFFF00

rgb(255,255,0)

 

#00FFFF

rgb(0,255,255)

 

#FF00FF

rgb(255,0,255)

 

#C0C0C0

rgb(192,192,192)

 

#FFFFFF

rgb(255,255,255)

 

 

 

 

 

灰阶

HEX

RGB

 

#000000

rgb(0,0,0)

 

#080808

rgb(8,8,8)

 

#101010

rgb(16,16,16)

 

#181818

rgb(24,24,24)

 

#202020

rgb(32,32,32)

 

#282828

rgb(40,40,40)

 

#303030

rgb(48,48,48)

 

#383838

rgb(56,56,56)

 

#404040

rgb(64,64,64)

 

#484848

rgb(72,72,72)

 

#505050

rgb(80,80,80)

 

#585858

rgb(88,88,88)

 

#606060

rgb(96,96,96)

 

#686868

rgb(104,104,104)

 

#707070

rgb(112,112,112)

 

#787878

rgb(120,120,120)

 

#808080

rgb(128,128,128)

 

#888888

rgb(136,136,136)

 

#909090

rgb(144,144,144)

 

#989898

rgb(152,152,152)

 

#A0A0A0

rgb(160,160,160)

 

#A8A8A8

rgb(168,168,168)

 

#B0B0B0

rgb(176,176,176)

 

#B8B8B8

rgb(184,184,184)

 

#C0C0C0

rgb(192,192,192)

 

#C8C8C8

rgb(200,200,200)

 

#D0D0D0

rgb(208,208,208)

 

#D8D8D8

rgb(216,216,216)

 

#E0E0E0

rgb(224,224,224)

 

#E8E8E8

rgb(232,232,232)

 

#F0F0F0

rgb(240,240,240)

 

#F8F8F8

rgb(248,248,248)

 

#FFFFFF

rgb(255,255,255)

 

 

 

 

 

 

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

 

 

 

             再 附上一些字体, 做网页时就 知道有什么字体可以用了…这里只有名称,字体长什么样子我也不清楚….

 

 

 

华文细黑:STHeiti Light [STXihei]

华文黑体:STHeiti

华文楷体:STKaiti

华文宋体:STSong

华文仿宋:STFangsong

俪黑 Pro:LiHei Pro Medium

俪宋 Pro:LiSong Pro Light

标楷体:BiauKai

苹果俪中黑:Apple LiGothic Medium

苹果俪细宋:Apple LiSung Light

新细明体:PMingLiU

细明体:MingLiU

标楷体:DFKai-SB

黑体:SimHei

宋体:SimSun

新宋体:NSimSun

仿宋:FangSong

楷体:KaiTi

仿宋_GB2312:FangSong_GB2312

楷体_GB2312:KaiTi_GB2312

微软正黑体:Microsoft JhengHei

微软雅黑体:Microsoft YaHei

隶书:LiSu

幼圆:YouYuan

华文细黑:STXihei

华文楷体:STKaiti

华文宋体:STSong

华文中宋:STZhongsong

华文仿宋:STFangsong

方正舒体:FZShuTi

方正姚体:FZYaoti

华文彩云:STCaiyun

华文琥珀:STHupo

华文隶书:STLiti

华文行楷:STXingkai

华文新魏:STXinwei

 

 

英文方式的也有一些……..

 

 

Arial  :                            font-family: Arial, Helvetica, sans-serif;

ArialBlack :                       font-family: ‘Arial Black’, Gadget, sans-serif;

ArialNarrow  :                  font-family: ‘Arial Narrow’, sans-serif;

Verdana:                       font-family: Verdana, Geneva, sans-serif;

Georgia:                       font-family: Georgia, serif;

Times New Roman:      font-family: ‘Times New Roman’, Times, serif;

Trebuchet MS:             font-family: ‘Trebuchet MS’, Helvetica, sans-serif;

Courier New:               font-family: ‘Courier New’, Courier, monospace;

Impact:                       font-family: Impact, Charcoal, sans-serif;

Comic Sans MS:          font-family: ‘Comic Sans MS’, cursive;

Tahoma:                     font-family: Tahoma, Geneva, sans-serif;

Courier New:              font-family: Courier, monospace;

Lucida Sans Unicode: font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;

Lucida Console:         font-family: ‘Lucida Console’, Monaco, monospace;

Garamond:                font-family: Garamond, serif;

MS Sans Serif:           font-family: ‘MS Sans Serif’, Geneva, sans-serif;

MS Serif:                  font-family: ‘MS Serif’, ‘New York’, sans-serif;

Palatino Linotype:    font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;

Symbol:                   font-family: Symbol, sans-serif;

Bookman Old Style: font-family: ‘Bookman Old Style’, serif;

 

 

 

 

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/13190.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论