ფერი b8. სტილში ფერის დაყენება შესაძლებელია სხვადასხვა გზით: თექვსმეტობითი მნიშვნელობით, სახელით, RGB, RGBA, HSL, HSLA ფორმატში

ვებ დიზაინში ფერის წარმოდგენის რამდენიმე გზა არსებობს.

HEX არის 16 თექვსმეტობითი ფერის წარმოდგენის ბაზისური სისტემა. ამ სისტემისთვის, არაბული ათობითი ციფრები 0-დან 9-მდე და ლათინური ასოები A-დან F-მდე გამოიყენება ციფრული რიცხვის 16-მდე შესავსებად. ვებ დიზაინისთვის აღებულია 16 ძირითადი (გასაღები) ფერი. , ეგრეთ წოდებული თექვსმეტობითი ფერის კოდი #RRGGBB, სადაც თითოეული წყვილი პასუხისმგებელია ფერის თავის წილზე: RR - წითელი, GG - მწვანე და BB - ლურჯი. თითოეული ფერის ფრაქცია მერყეობს 00-დან FF-მდე.

ფერის ორი სხვა წარმოდგენა ვებ დიზაინში არის: RGB (*, *, *) სახით, სადაც ფერის თითოეული "*" ნაწილი წარმოდგენილია ათობითი ციფრებით 0-დან 255-მდე და ფერების სახელებით, ინგლისური ენა.

ფერადი გამოსახულების შექმნისას მთავარი პრობლემა არის ფერების სწორად გადმოცემა განსხვავებული ტიპებიკომპიუტერები, მონიტორები და ბრაუზერები. თუ ბრაუზერი ვერ აჩვენებს ფერს სწორად, მაშინ ის ირჩევს მსგავს ფერს ან აერთიანებს რამდენიმე ფერს. და ზოგჯერ ის შეიძლება შეიცვალოს რაღაც სრულიად განსხვავებული ფერით.

მაგიდა 16 ძირითადი ფერირომლებიც გამოიყენება ყველა ბრაუზერში

სახელი	ფერი	Hex	(RGB)
აკვა (ზღვის ტალღა)		# 00FFFF	(000,255,255)
შავი (შავი)		#000000	(000,000,000)
ლურჯი		#0000FF	(000,000,255)
ფუქსია (ფუქსინი)		# FF00FF	(255,000,255)
ნაცრისფერი (ნაცრისფერი)		#808080	(128,128,128)
მწვანე (მწვანე)		#008000	(000,128,000)
ცაცხვი (ნათელი მწვანე)		# 00FF00	(000,255,000)
მარუნი (შავიფერი)		#800000	(128,000,000)
საზღვაო (საზღვაო ლურჯი)		#000080	(000,000,128)
ზეთისხილი (ზეთისხილი)		#808000	(128,128,000)
იასამნისფერი		#800080	(128,000,128)
წითელი (წითელი)		# FF0000	(255,000,000)
ვერცხლი (ვერცხლი)		# C0C0C0	(192,192,192)
ჩაისფერი (ნაცრისფერი-მწვანე)		#008080	(000,128,128)
თეთრი (თეთრი)		#FFFFFF	(255,255,255)
ყვითელი (ყვითელი)		# FFFF00	(255,255,000)

მაგიდა იასამნისფერიფერები და ჩრდილები

სახელი	ფერი	Hex	(RGB)
მაგენტა (მაჯენტა)		#FFCBDB	(255,203,219)
მაგენტა (მაჯენტა)		# FF0099	(255,000,153)
მაგენტა (მაჯენტა)		# F95A61	(249,090,097)
ფუქსია (ფუქსია)		# FF00FF	(255,000,255)
მოვეინი (ანილინის მეწამული)		# EF0097	(239,000,151)
ორაგული ვარდისფერი (ნარინჯისფერი ვარდისფერი)		# FF91A4	(255,145,164)
სენისი (მაგენტას ჩრდილი)		# DE3163	(153,149,140)
ბადრიჯანი ბადრიჯანი (ბადრიჯანი)		#990066	(153,000,132)
ლავანდის რუჟი (ვარდისფერი ლავანდა)		& nbsp # FFF0F5	(255,240,245)
იასამნისფერი (იასამნისფერი)		# C8A2C8	(200,162,200)
მაგენტა (მაჯენტა)		# FF008F	(255,000,143)
ორქიდეა (ორქიდეა)		# DA70D6	(218,112,214)
წითელ-იისფერი		# C71585	(199,021,133)
სანგვინი (სანგინი)		# 92000A	(146,000,010)
ეკალი (მაგენტას ჩრდილი)		# D8BFD8	(185,211,238)
იისფერი ბადრიჯანი (იისფერი ჩრდილში)		#991199	(153,017,153)
Rosa vivo (ღრმა ვარდისფერი)		# FF007F	(255,000,127)
ლავანდა-ვარდი (იისფერი ჩრდილი)		# FBA0E3	(108,123,139)
Mountbatten ვარდისფერი		# 997ABD	(153,122,141)

მაგიდა ნაცრისფერიფერები და ჩრდილები

სახელი	ფერი	Hex	(RGB)
ნაცრისფერი		#808080	(128,128,128)
ნაცრისფერი		#ბებებე	(190,190,190)
(ნაცრისფერი ელფერით)		#858585	(133,133,133)
რუხი33 (ნაცრისფერი-33)		#545454	(084,084,084)
(ნაცრისფერი ფიქალი)		#708090	(112,128,144)
(კვარცი)		# 99958с	(153,149,140)
(Ღია ნაცრისფერი)		#bbbbbb	(187,187,187)
(ვერცხლი)		# c0c0c0	(192,192,192)
(ნაცრისფერი თეთრი)		# f0f0f0	(240,240,240)
(აბდელ-კერიმის წვერი)		# e0e0e0	(224,224,224)
ღია ნაცრისფერი (ღია ნაცრისფერი)		# d3d3d3	(211,211,211)
LightStateGray ()		#778899	(119,136,153)
StateGray-1 (მკრთალი სიმინდისფერი ლურჯი1)		# c6e2ff	(198,226,255)
StateGray-2 (მკრთალი სიმინდისფერი ლურჯი2)		# b9d3ee	(185,211,238)
StateGray3 ()		# 9fb6cd	(159,182,205)
StateGray4 ()		# 6c7b8b	(108,123,139)

მაგიდა (პალიტრა) html ფერები გაძლევთ შესაძლებლობას დამოუკიდებლად აირჩიოთ თქვენთვის სასურველი ტონი. ფერის მნიშვნელობა ნაჩვენებია სამ ფორმატში: Hex, RGB და HSV.

• Hex შედგება სამი ორი სიმბოლოს მნიშვნელობისგან თექვსმეტობითი აღნიშვნით. მაგალითად: # ff00b3, სადაც რიცხვების პირველი წყვილი წითელია, მეორე მწვანე და მესამე ლურჯი.
• RGB (RedGreenBlue) აქვს ფორმა "200,100,255", რომელიც მიუთითებს შესაბამისი ტონის რაოდენობას (წითელი, მწვანე, ლურჯი) შედეგად ფერში.
• HSV (Hue, Saturation, Value - hue, saturation, value) - ფერის მოდელი, რომელშიც კოორდინატებია:
  • ელფერი - ელფერი, შეიძლება განსხვავდებოდეს 0 °-დან 360 °-მდე.
  • სატურაცია - გაჯერება, მერყეობს 0-100 ან 0-1. რაც უფრო დიდია ეს პარამეტრი, მით უფრო „სუფთაა“ ფერი, რის გამოც ამ პარამეტრს ზოგჯერ ფერის სისუფთავეს უწოდებენ. და რაც უფრო ახლოს არის ეს პარამეტრი ნულთან, მით უფრო ახლოს არის ფერი ნეიტრალურ ნაცრისფერთან.
  • მნიშვნელობა (ფერის მნიშვნელობა) - ადგენს სიკაშკაშეს, მნიშვნელობა ასევე შეიძლება განსხვავდებოდეს 0-100 ან 0-1 შორის.

შეიყვანეთ ფერის კოდი: წადი

ფერების სია სახელებით

ცხრილში ჩამოთვლილია ყველა ბრაუზერის მიერ მხარდაჭერილი ინგლისური ფერის სახელები (რომლებიც შეიძლება გამოყენებულ იქნას როგორც მნიშვნელობები) და მათი თექვსმეტობითი მნიშვნელობები. ყველა ჩამოთვლილი ფერი არის „უსაფრთხო“, ანუ ყველა ბრაუზერში ერთნაირად იქნება ნაჩვენები.

ფერის სახელი	HEX	ფერი
შავი	#000000
საზღვაო ძალები	#000080
Მუქი ლურჯი	# 00008B
საშუალო ლურჯი	# 0000 CD
ლურჯი	#0000FF
Მუქი მწვანე	#006400
მწვანე	#008000
ჩაისფერი	#008080
მუქი ცისფერი	# 008B8B
DeepSkyBlue	# 00BFFF
მუქი ფირუზისფერი	# 00CED1
საშუალო გაზაფხული მწვანე	# 00FA9A
ცაცხვი	# 00FF00
გაზაფხულის მწვანე	# 00FF7F
აკვა	# 00FFFF
ციანი	# 00FFFF
შუაღამის ლურჯი	#191970
DodgerBlue	# 1E90FF
ღია ზღვის მწვანე	# 20B2AA
ტყის მწვანე	# 228B22
ზღვის მწვანე	# 2E8B57
მუქი სლატე ნაცრისფერი	# 2F4F4F
Მწვანე	# 32CD32
საშუალო ზღვის მწვანე	# 3CB371
ფირუზისფერი	# 40E0D0
სამეფო ლურჯი	# 4169E1
ფოლადის ლურჯი	# 4682B4
მუქი ფილისფერი ლურჯი	# 483D8B
საშუალო ფირუზისფერი	# 48D1CC
ინდიგო	# 4B0082
მუქი ზეთისხილისფერი	# 556B2F
CadetBlue	# 5F9EA0
სიმინდისფერი ლურჯი	# 6495 ED
საშუალო აკვამარინი	# 66CDAA
დიმგრეი	#696969
SlateBlue	# 6A5ACD
ზეთისხილის დრაბი	# 6B8E23
SlateGray	#708090
LightSlateGray	#778899
MediumSlateBlue	# 7B68EE
LawnGreen	# 7CFC00
ჩარტრეუზი	# 7FFF00
აკვამარინი	# 7FFFD4
მარუნი	#800000
იასამნისფერი	#800080
ზეთისხილის	#808000
ნაცრისფერი	#808080
SkyBlue	# 87CEEB
LightSkyBlue	# 87 CEFA
ლურჯი იისფერი	# 8A2BE2
Მუქი წითელი	# 8B0000
DarkMagenta	# 8B008B
უნაგირისფერი	# 8B4513
მუქი ზღვის მწვანე	# 8FBC8F
Ღია მწვანე	# 90EE90
საშუალო იასამნისფერი	# 9370D8
მუქი იისფერი	# 9400D3
Ღია მწვანე	# 98FB98
მუქი ორქიდეა	# 9932CC
Ყვითელი მწვანე	# 9ACD32
სიენა	# A0522D
ყავისფერი	# A52A2A
Მუქი ნაცრისფერი	# A9A9A9
Ცისფერი	# ADD8E6
მწვანე ყვითელი	# ADFF2F
პალეტირუზი	#AFEEEE
ღია ფოლადის ლურჯი	# B0C4DE
ფხვნილი ლურჯი	# B0E0E6
FireBrick	# B22222
მუქი ოქროსფერი როდი	# B8860B
საშუალო ორქიდეა	# BA55D3
როზი ბრაუნი	# BC8F8F
დარხხაკი	# BDB76B
ვერცხლი	# C0C0C0
საშუალო იისფერი წითელი	# C71585
ინდური წითელი	# CD5C5C
პერუს	# CD853F
შოკოლადი	# D2691E
თან	# D2B48C
Ღია ნაცრისფერი	# D3D3D3
ღია იისფერი წითელი	# D87093
ეკალი	# D8BFD8
ორქიდეა	# DA70D6
ოქროს როდი	# DAA520
ჟოლოსფერი	# DC143C
გეინსბორო	#DCDCDC
ქლიავი	# DDA0DD
ბურლივუდი	# DEB887
ღია ციანი	# E0FFFF
ლავანდა	# E6E6FA
მუქი ორაგული	# E9967A
იისფერი	# EE82EE
PaleGoldenRod	# EEE8AA
ლაითკორალი	# F08080
ხაკი	# F0E68C
AliceBlue	# F0F8FF
HoneyDew	# F0FFF0
ცისფერი	# F0FFFF
სენდიბრაუნი	# F4A460
ხორბალი	# F5DEB3
კრემისფერი	# F5F5DC
თეთრი კვამლი	# F5F5F5
პიტნის კრემი	# F5FFFA
აჩრდილი	# F8F8FF
ორაგული	# FA8072
ანტიკვარული თეთრი	# FAEBD7
თეთრეული	# FAF0E6
ღია ოქროსფერი როდყვითელი	# FAFAD2
Old Lace	# FDF5E6
წითელი	# FF0000
ფუქსია	# FF00FF
მაგენტა	# FF00FF
ღრმა პინკი	# FF1493
ნარინჯისფერი წითელი	# FF4500
Პომიდორი	# FF6347
Ვარდისფერი	# FF69B4
მარჯანი	# FF7F50
მუქი ნარინჯისფერი	# FF8C00
ღია ორაგული	# FFA07A
ნარინჯისფერი	# FFA500
Ღია ვარდისფერი	# FFB6C1
ვარდისფერი	# FFC0CB
ოქრო	# FFD700
PeachPuff	# FFDAB9
ნავახო თეთრი	#FFDEAD
მოკასინი	# FFE4B5
ბისკვიტი	# FFE4C4
MistyRose	# FFE4E1
გათეთრებული ნუში	#FFBCD
PapayaWhip	# FFFD5
ლავანდისფერი	# FFF0F5
SeaShell	# FFF5EE
სიმინდის აბრეშუმი	# FFF8DC
ლიმონის ჩიფონი	#FFFACD
ყვავილოვანი თეთრი	# FFFAF0
თოვლი	#FFFAFA
ყვითელი	# FFFF00
Ღია ყვითელი	# FFFFE0
სპილოს ძვლისფერი	#FFFFF0
თეთრი	#FFFFFF

თექვსმეტობითი რიცხვები გამოიყენება ფერების დასაყენებლად. თექვსმეტობითი სისტემა, განსხვავებით ათობითი სისტემისგან, ეფუძნება, როგორც მისი სახელიდან ჩანს, რიცხვი 16. რიცხვები იქნება შემდეგი: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9. , A, B, C , D, E, F. რიცხვები 10-დან 15-მდე იცვლება ლათინური ასოებით. თექვსმეტობით 15-ზე მეტი რიცხვები იქმნება ორი რიცხვის ერთში გაერთიანებით. მაგალითად, ნომერი 255 in ათობითი სისტემაშეესაბამება FF რიცხვს თექვსმეტობით სისტემაში. რიცხვთა სისტემის განმარტებაში დაბნეულობის თავიდან ასაცილებლად, ჰეშის სიმბოლო # მოთავსებულია თექვსმეტობითი რიცხვის წინ, მაგალითად # 666999. სამი ფერიდან თითოეული - წითელი, მწვანე და ლურჯი - შეიძლება მერყეობდეს 00-დან FF-მდე. ამრიგად, ფერის აღნიშვნა დაყოფილია სამ კომპონენტად #rrggbb, სადაც პირველი ორი სიმბოლო აღნიშნავს ფერის წითელ კომპონენტს, ორი შუა - მწვანე, ხოლო ბოლო ორი - ლურჯი. ნებადართულია შემოკლებული ფორმის გამოყენება, როგორიცაა #rgb, სადაც თითოეული სიმბოლო უნდა გაორმაგდეს. ასე რომ, # fe0 ჩანაწერი უნდა განიხილებოდეს როგორც # ffee00.

Სახელით

Internet Explorer	ქრომი	ოპერა	Safari	Firefox	Android	iOS
4.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

ბრაუზერები მხარს უჭერენ ზოგიერთ ფერს სახელით. მაგიდა 1 აჩვენებს სახელებს, თექვსმეტობით კოდს, RGB, HSL მნიშვნელობებს და აღწერას.

ჩანართი 1. ფერების სახელები

სახელი	ფერი	კოდი	RGB	ჰსლ	აღწერა
თეთრი		#ffffff ან #fff	rgb (255,255,255)	hsl (0.0%, 100%)	თეთრი
ვერცხლი		# c0c0c0	rgb (192,192,192)	hsl (0.0%, 75%)	ნაცრისფერი
ნაცრისფერი		#808080	rgb (128,128,128)	hsl (0.0%, 50%)	Მუქი ნაცრისფერი
შავი		# 000000 ან # 000	rgb (0,0,0)	hsl (0.0%, 0%)	შავი
შავგვრემანი		#800000	rgb (128,0,0)	hsl (0.100%, 25%)	Მუქი წითელი
წითელი		# ff0000 ან # f00	rgb (255,0,0)	hsl (0.100%, 50%)	წითელი
ფორთოხალი		#ffa500	rgb (255,165,0)	hsl (38.8,100%, 50%)	ნარინჯისფერი
ყვითელი		# ffff00 ან # ff0	rgb (255,255,0)	hsl (60,100%, 50%)	ყვითელი
ზეთისხილის		#808000	rgb (128,128,0)	hsl (60,100%, 25%)	ზეთისხილის
ცაცხვი		# 00ff00 ან # 0f0	rgb (0.255.0)	hsl (120,100%, 50%)	Ღია მწვანე
მწვანე		#008000	rgb (0.128.0)	hsl (120,100%, 25%)	მწვანე
აკვა		# 00ffff ან # 0ff	rgb (0,255,255)	hsl (180,100%, 50%)	ლურჯი
ლურჯი		# 0000ff ან # 00f	rgb (0,0,255)	hsl (240,100%, 50%)	ლურჯი
საზღვაო		#000080	rgb (0,0,128)	hsl (240,100%, 25%)	მუქი ლურჯი
ჩაისფერი		#008080	rgb (0.128.128)	hsl (180,100%, 25%)	Ლურჯი მწვანე
ფუქსია		# ff00ff ან # f0f	rgb (255,0,255)	hsl (300,100%, 50%)	ვარდისფერი
იასამნისფერი		#800080	rgb (128,0,128)	hsl (300,100%, 25%)	იასამნისფერი

RGB-ით

Internet Explorer	ქრომი	ოპერა	Safari	Firefox	Android	iOS
5.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

თქვენ შეგიძლიათ განსაზღვროთ ფერი წითელი, მწვანე და ლურჯი კომპონენტების ათობითი მნიშვნელობების გამოყენებით. სამი ფერის კომპონენტიდან თითოეული იღებს მნიშვნელობას 0-დან 255-მდე. ასევე დასაშვებია ფერის დაყენება პროცენტულად, ხოლო 100% შეესაბამება რიცხვს 255. ჯერ მითითებულია rgb საკვანძო სიტყვა, შემდეგ კი ფრჩხილებში, ფერის კომპონენტები გამოყოფილია მძიმეებით, მაგალითად rgb (255 , 128, 128) ან rgb (100%, 50%, 50%).

RGBA

Internet Explorer	ქრომი	ოპერა	Safari	Firefox	Android	iOS
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

RGBA ფორმატი სინტაქსით RGB-ის მსგავსია, მაგრამ მოიცავს ალფა არხს, რომელიც აკონტროლებს ელემენტის გამჭვირვალობას. 0-ის მნიშვნელობა შეესაბამება სრულ გამჭვირვალობას, 1 - გამჭვირვალობას და შუალედური მნიშვნელობა, როგორიცაა 0,5 - ნახევრად გამჭვირვალობას.

RGBA დაემატა CSS3-ში, ამიტომ CSS კოდის ვალიდაცია უნდა განხორციელდეს ამ ვერსიის გამოყენებით. უნდა აღინიშნოს, რომ CSS3 სტანდარტი ჯერ კიდევ დამუშავების პროცესშია და ზოგიერთი ფუნქცია შეიძლება შეიცვალოს. მაგალითად, ფონის ფერის თვისებას დამატებული RGB ფერი დამოწმებულია, მაგრამ ფონის თვისებას დამატებული ფერი აღარ. ამავდროულად, ბრაუზერებს საკმაოდ სწორად ესმით ფერი ორივე თვისებისთვის.

ჰსლ

Internet Explorer	ქრომი	ოპერა	Safari	Firefox	Android	iOS
9.0+	1.0+	9.6+	3.1+	3.0+	2.1+	2.0+

სახელი HSL ფორმატიწარმოიქმნება პირველი ასოების Hue (ელფერი), Saturate (გაჯერება) და სიმსუბუქე (სიმსუბუქე) კომბინაციით. Hue არის ფერის მნიშვნელობა ფერის ბორბალზე (ნახ. 1) და მოცემულია გრადუსებში. 0 ° არის წითელი, 120 ° არის მწვანე, და 240 ° არის ლურჯი. შეფერილობის მნიშვნელობა შეიძლება იყოს 0-დან 359-მდე.

ბრინჯი. 1. ფერადი ბორბალი

გაჯერება არის ფერის ინტენსივობა, რომელიც იზომება პროცენტულად 0%-დან 100%-მდე. 0% მნიშვნელობა არ ნიშნავს ფერს და ნაცრისფერ ჩრდილს, 100% არის მაქსიმალური გაჯერების მნიშვნელობა.

სიმსუბუქე ადგენს რამდენად კაშკაშა ფერია და მითითებულია პროცენტულად 0%-დან 100%-მდე. დაბალი მნიშვნელობები ფერს მუქს ხდის, ხოლო მაღალი მნიშვნელობები ანათებს, ექსტრემალური მნიშვნელობები 0% და 100% შეესაბამება შავ-თეთრს.

HSLA

Internet Explorer	ქრომი	ოპერა	Safari	Firefox	Android	iOS
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

HSLA ფორმატი სინტაქსით მსგავსია HSL-ს, მაგრამ მოიცავს ალფა არხს, რომელიც ადგენს ელემენტის გამჭვირვალობას. 0-ის მნიშვნელობა შეესაბამება სრულ გამჭვირვალობას, 1 - გამჭვირვალობას და შუალედური მნიშვნელობა, როგორიცაა 0,5 - ნახევრად გამჭვირვალობას.

ფერების მნიშვნელობები RGBA, HSL და HSLA ფორმატებში დამატებულია CSS3-ში, ამიტომ დარწმუნდით, რომ შეამოწმეთ ვერსიის ვალიდობა ამ ფორმატების გამოყენებისას.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Გაფრთხილება

საიტზე ჩამოთვლილი ლომის დაჭერის ყველა მეთოდი თეორიულია და დაფუძნებულია გამოთვლით მეთოდებზე. ავტორები არ იძლევიან გარანტიას თქვენს უსაფრთხოებაზე მათი გამოყენებისას და უარს ამბობენ შედეგზე პასუხისმგებლობაზე. გახსოვდეთ, ლომი მტაცებელი და საშიში ცხოველია!

შედეგი ეს მაგალითინაჩვენებია ნახ. 2.

ბრინჯი. 2. ფერები ვებ გვერდზე

ეს გვერდი გთავაზობთ ცხრილს საკვანძო სიტყვებით, რომლებიც შეიძლება გამოყენებულ იქნას ფერების აღსანიშნავად ვებ განვითარების ენებში, როგორიცაა HTML, CSS, JavaScript, Flash და სხვა.

WC3 კონცერნის ძველ სპეციფიკაციებში მხოლოდ 16 იყო გაწერილი საკვანძო სიტყვებიგამოიყენება ფერების დასაყენებლად HTML და CSS-ში. მოგვიანებით, უახლეს სპეციფიკაციებში, დაემატა კიდევ 130 საკვანძო სიტყვა ფერების სახელების აღსანიშნავად. შემდეგ ცხრილში მოცემულია ფერების სახელები, თექვსმეტობითი და RGB კოდები, რომლებსაც ისინი შეესაბამება.

CSS წესების მიხედვით, ფერების სახელები არ არის რეგისტრირებული. IndianRed და indianred ფერის ჩანაწერები ექვივალენტურია.

ასევე აღსანიშნავია, რომ ცხრილის 146 საკვანძო სიტყვიდან მასში რეალურად ნაკლები ფერია. ეს იმიტომ ხდება, რომ ზოგიერთი საკვანძო სიტყვა ნიშნავს იმავე ფერს. ასე რომ, სახელები Grey და Grey ნიშნავს 50% ნაცრისფერს, კოდით # 808080, ხოლო სიტყვა Magenta არის სინონიმი HTML ფერის Fuchsia-სთვის, რომელიც შეესაბამება თექვსმეტობითი კოდის # FF00FF. ასევე სინონიმებია სიტყვები Aqua და Cyan, ისინი შეესაბამება კოდს # 00FFFF.

ფერის სახელი HTML და CSS-ში HEX RGB წითელი ტონები: ინდური წითელი # CD5C5C 205, 92, 92 ლაითკორალი # F08080 240, 128, 128 ორაგული # FA8072 250, 128, 114 მუქი ორაგული # E9967A 233, 150, 122 ღია ორაგული # FFA07A 255, 160, 122 ჟოლოსფერი # DC143C 220, 20, 60 წითელი # FF0000 255, 0, 0 FireBrick # B22222 178, 34, 34 Მუქი წითელი # 8B0000 139, 0, 0 ვარდისფერი ტონები: ვარდისფერი # FFC0CB 255, 192, 203 Ღია ვარდისფერი # FFB6C1 255, 182, 193 Ვარდისფერი # FF69B4 255, 105, 180 ღრმა პინკი # FF1493 255, 20, 147 საშუალო იისფერი წითელი # C71585 199, 21, 133 ღია იისფერი წითელი # DB7093 219, 112, 147 ნარინჯისფერი ტონები: ღია ორაგული # FFA07A 255, 160, 122 მარჯანი # FF7F50 255, 127, 80 Პომიდორი # FF6347 255, 99, 71 ნარინჯისფერი წითელი # FF4500 255, 69, 0 მუქი ნარინჯისფერი # FF8C00 255, 140, 0 ნარინჯისფერი # FFA500 255, 165, 0 ყვითელი ტონები: ოქრო # FFD700 255, 215, 0 ყვითელი # FFFF00 255, 255, 0 Ღია ყვითელი # FFFFE0 255, 255, 224 ლიმონის ჩიფონი #FFFACD 255, 250, 205 ღია ოქროსფერი ყვითელი # FAFAD2 250, 250, 210 PapayaWhip # FFFD5 255, 239, 213 მოკასინი # FFE4B5 255, 228, 181 PeachPuff # FFDAB9 255, 218, 185 პალეგოლდენროდი # EEE8AA 238, 232, 170 ხაკი # F0E68C 240, 230, 140 დარხხაკი # BDB76B 189, 183, 107 იასამნისფერი ტონები: ლავანდა # E6E6FA 230, 230, 250 ეკალი # D8BFD8 216, 191, 216 ქლიავი # DDA0DD 221, 160, 221 იისფერი # EE82EE 238, 130, 238 ორქიდეა # DA70D6 218, 112, 214 ფუქსია # FF00FF 255, 0, 255 მაგენტა # FF00FF 255, 0, 255 საშუალო ორქიდეა # BA55D3 186, 85, 211 საშუალო იასამნისფერი # 9370 DB 147, 112, 219 ლურჯი იისფერი # 8A2BE2 138, 43, 226 მუქი იისფერი # 9400D3 148, 0, 211 მუქი ორქიდეა # 9932CC 153, 50, 204 DarkMagenta # 8B008B 139, 0, 139 იასამნისფერი #800080 128, 0, 128 ინდიგო # 4B0082 75, 0, 130 SlateBlue # 6A5ACD 106, 90, 205 მუქი ფილისფერი ლურჯი # 483D8B 72, 61, 139 ყავისფერი ტონები: სიმინდის აბრეშუმი # FFF8DC 255, 248, 220 გათეთრებული ნუში #FFBCD 255, 235, 205 ბისკვიტი # FFE4C4 255, 228, 196 ნავახო თეთრი #FFDEAD 255, 222, 173 ხორბალი # F5DEB3 245, 222, 179 ბურლივუდი # DEB887 222, 184, 135 თან # D2B48C 210, 180, 140 როზი ბრაუნი # BC8F8F 188, 143, 143 სენდიბრაუნი # F4A460 244, 164, 96 გოლდენროდი # DAA520 218, 165, 32 მუქი ოქროსფერი როდი # B8860B 184, 134, 11 პერუს # CD853F 205, 133, 63 შოკოლადი # D2691E 210, 105, 30 უნაგირისფერი # 8B4513 139, 69, 19 სიენა # A0522D 160, 82, 45 ყავისფერი # A52A2A 165, 42, 42 მარუნი #800000 128, 0, 0 ძირითადი ფერები: შავი #000000 0, 0, 0 ნაცრისფერი #808080 128, 128, 128 ვერცხლი # C0C0C0 192, 192, 192 თეთრი #FFFFFF 255, 255, 255 ფუქსია # FF00FF 255, 0, 255 იასამნისფერი #800080 128, 0, 128 წითელი # FF0000 255, 0, 0 მარუნი #800000 128, 0, 0 ყვითელი # FFFF00 205, 92, 92 ზეთისხილის #808000 240, 128, 128 ცაცხვი # 00FF00 250, 128, 114 მწვანე #008000 233, 150, 122 აკვა # 00FFFF 205, 92, 92 ჩაისფერი #008080 240, 128, 128 ლურჯი #0000FF 250, 128, 114 საზღვაო ძალები #000080 233, 150, 122

ფერის სახელი HTML და CSS-ში HEX RGB მწვანე ტონები: მწვანე ყვითელი # ADFF2F 173, 255, 47 ჩარტრეუზი # 7FFF00 127, 255, 0 LawnGreen # 7CFC00 124, 252, 0 ცაცხვი # 00FF00 0, 255, 0 Მწვანე # 32CD32 50, 205, 50 Ღია მწვანე # 98FB98 152, 251, 152 Ღია მწვანე # 90EE90 144, 238, 144 საშუალო გაზაფხული მწვანე # 00FA9A 0, 250, 154 გაზაფხულის მწვანე # 00FF7F 0, 255, 127 საშუალო ზღვის მწვანე # 3CB371 60, 179, 113 ზღვის მწვანე # 2E8B57 46, 139, 87 ტყის მწვანე # 228B22 34, 139, 34 მწვანე #008000 0, 128, 0 Მუქი მწვანე #006400 0, 100, 0 Ყვითელი მწვანე # 9ACD32 154, 205, 50 ზეთისხილის დრაბი # 6B8E23 107, 142, 35 ზეთისხილის #808000 128, 128, 0 მუქი ზეთისხილისფერი # 556B2F 85, 107, 47 საშუალო აკვამარინი # 66CDAA 102, 205, 170 მუქი ზღვის მწვანე # 8FBC8F 143, 188, 143 ღია ზღვის მწვანე # 20B2AA 32, 178, 170 მუქი ცისფერი # 008B8B 0, 139, 139 ჩაისფერი #008080 0, 128, 128 ლურჯი ტონები: აკვა # 00FFFF 0, 255, 255 ციანი # 00FFFF 0, 255, 255 ღია ციანი # E0FFFF 224, 255, 255 პალეტირუზი #AFEEEE 175, 238, 238 აკვამარინი # 7FFFD4 127, 255, 212 ფირუზისფერი # 40E0D0 64, 224, 208 საშუალო ფირუზისფერი # 48D1CC 72, 209, 204 მუქი ფირუზისფერი # 00CED1 0, 206, 209 CadetBlue # 5F9EA0 95, 158, 160 ფოლადის ლურჯი # 4682B4 70, 130, 180 ღია ფოლადის ლურჯი # B0C4DE 176, 196, 222 ფხვნილი ლურჯი # B0E0E6 176, 224, 230 Ცისფერი # ADD8E6 173, 216, 230 SkyBlue # 87CEEB 135, 206, 235 LightSkyBlue # 87 CEFA 135, 206, 250 DeepSkyBlue # 00BFFF 0, 191, 255 DodgerBlue # 1E90FF 30, 144, 255 სიმინდისფერი ლურჯი # 6495 ED 100, 149, 237 MediumSlateBlue # 7B68EE 123, 104, 238 სამეფო ლურჯი # 4169E1 65, 105, 225 ლურჯი #0000FF 0, 0, 255 საშუალო ლურჯი # 0000 CD 0, 0, 205 Მუქი ლურჯი # 00008B 0, 0, 139 საზღვაო ძალები #000080 0, 0, 128 შუაღამის ლურჯი #191970 25, 25, 112 თეთრი ტონები: თეთრი #FFFFFF 255, 255, 255 თოვლი #FFFAFA 255, 250, 250 თაფლისფერი # F0FFF0 240, 255, 240 პიტნის კრემი # F5FFFA 245, 255, 250 ცისფერი # F0FFFF 240, 255, 255 AliceBlue # F0F8FF 240, 248, 255 აჩრდილი # F8F8FF 248, 248, 255 თეთრი კვამლი # F5F5F5 245, 245, 245 ზღვის ნაჭუჭი # FFF5EE 255, 245, 238 კრემისფერი # F5F5DC 245, 245, 220 Old Lace # FDF5E6 253, 245, 230 ყვავილოვანი თეთრი # FFFAF0 255, 250, 240 სპილოს ძვლისფერი #FFFFF0 255, 255, 240 ანტიკვარული თეთრი # FAEBD7 250, 235, 215 თეთრეული # FAF0E6 250, 240, 230 ლავანდისფერი # FFF0F5 255, 240, 245 MistyRose # FFE4E1 255, 228, 225 ნაცრისფერი ტონები: გეინსბორო #DCDCDC 220, 220, 220 Ღია ნაცრისფერი # D3D3D3 211, 211, 211 Ღია ნაცრისფერი # D3D3D3 211, 211, 211 ვერცხლი # C0C0C0 192, 192, 192 Მუქი ნაცრისფერი # A9A9A9 169, 169, 169 Მუქი ნაცრისფერი # A9A9A9 169, 169, 169 ნაცრისფერი #808080 128, 128, 128 ნაცრისფერი #808080 128, 128, 128 დიმგრეი #696969 105, 105, 105 დიმგრეი #696969 105, 105, 105 LightSlateGray #778899 119, 136, 153 LightSlate Grey #778899 119, 136, 153 SlateGray #708090 112, 128, 144 SlateGrey #708090 112, 128, 144 მუქი სლატე ნაცრისფერი # 2F4F4F 47, 79, 79 მუქი სლატე ნაცრისფერი # 2F4F4F 47, 79, 79 შავი #000000 0, 0, 0

CSS ფერის მოდული დეტალურად აღწერს მნიშვნელობებს, რომლებიც ავტორებს საშუალებას აძლევს განსაზღვრონ html ელემენტების ფერები და გამჭვირვალობა, ასევე ფერის თვისებების მნიშვნელობები.

ფერის თვისება

1. პრიორიტეტული ფერები: ფერის თვისება

თვისება ადგენს შრიფტის ფერს გამოყენებით სხვადასხვა სისტემებიფერის გაცემა. თვისება აღწერს ელემენტის ტექსტის შინაარსის ფერს. იგი ასევე გამოიყენება პოტენციური არაპირდაპირი მნიშვნელობის (currentColor) უზრუნველსაყოფად ნებისმიერი სხვა თვისებისთვის, რომლებიც იღებენ ფერის მნიშვნელობებს.

ქონება მემკვიდრეობით არის მიღებული.

2. ფერის ღირებულებები

2.1. ძირითადი საკვანძო სიტყვები

ძირითადი საკვანძო სიტყვების სია მოიცავს შემდეგ მნიშვნელობებს:

სახელი	HEX	RGB	ფერი
შავი	#000000	0,0,0
ვერცხლი	# C0C0C0	192,192,192
ნაცრისფერი	#808080	128,128,128
თეთრი	#FFFFFF	255,255,255
შავგვრემანი	#800000	128,0,0
წითელი	# FF0000	255,0,0
იასამნისფერი	#800080	128,0,128
ფუქსია	# FF00FF	255,0,255
მწვანე	#008000	0,128,0
ცაცხვი	# 00FF00	0,255,0
ზეთისხილის	#808000	128,128,0
ყვითელი	# FFFF00	255,255,0
საზღვაო	#000080	0,0,128
ლურჯი	#0000FF	0,0,255
ჩაისფერი	#008080	0,128,128
აკვა	# 00FFFF	0,255,255

ფერების სახელები არ არის რეგისტრირებული.

Სინტაქსი

ფერი: ჩაისფერი;

2.2. ციფრული ფერის მნიშვნელობები

2.2.1. RGB ფერები

RGB თექვსმეტობითი მნიშვნელობის ფორმატი არის # ნიშანი, რასაც მოჰყვება სამი ან ექვსი თექვსმეტობითი სიმბოლო. სამნიშნა RGB #rgb გარდაიქმნება ექვსციფრიან #rrggbb-ად ციფრების კოპირებით, ვიდრე ნულების დამატებით. მაგალითად, # fb0 აფართოებს # ffbb00-მდე. ეს უზრუნველყოფს, რომ თეთრი #ffffff შეიძლება იყოს მითითებული მოკლე #fff-ში და ამოიღებს ნებისმიერი ფერის სიღრმის დამოკიდებულებას ეკრანიდან.

RGB მნიშვნელობის ფორმატი ფუნქციურ ნოტაციაში არის rgb (მოჰყვება სამი რიცხვითი მნიშვნელობის მძიმით გამოყოფილი სია (ან სამი მთელი რიცხვი ან სამი პროცენტიანი მნიშვნელობა), რასაც მოჰყვება სიმბოლო). მთელი რიცხვი 255 შეესაბამება 100% და F ან FF თექვსმეტობითი აღნიშვნით:

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

რიცხვითი მნიშვნელობების ირგვლივ დაშვებულია ინტერვალის სიმბოლოები.