HTML Renk Adları

HEX ve RGB değerleri ile 140+ CSS/HTML adlandırılmış renklere göz atın ve arayın

HTML Renk Adları
HEX ve RGB değerleri ile 140+ CSS/HTML adlandırılmış renklere göz atın ve arayın
148 / 148

aliceblue

#F0F8FF

Beyaz
HEX
#F0F8FF
RGB
rgb(240, 248, 255)

antiquewhite

#FAEBD7

Turuncu
HEX
#FAEBD7
RGB
rgb(250, 235, 215)

aqua

#00FFFF

Camgöbeği
HEX
#00FFFF
RGB
rgb(0, 255, 255)

aquamarine

#7FFFD4

Yeşil
HEX
#7FFFD4
RGB
rgb(127, 255, 212)

azure

#F0FFFF

Beyaz
HEX
#F0FFFF
RGB
rgb(240, 255, 255)

beige

#F5F5DC

Sarı
HEX
#F5F5DC
RGB
rgb(245, 245, 220)

bisque

#FFE4C4

Turuncu
HEX
#FFE4C4
RGB
rgb(255, 228, 196)

black

#000000

Gri
HEX
#000000
RGB
rgb(0, 0, 0)

blanchedalmond

#FFEBCD

Turuncu
HEX
#FFEBCD
RGB
rgb(255, 235, 205)

blue

#0000FF

Mavi
HEX
#0000FF
RGB
rgb(0, 0, 255)

blueviolet

#8A2BE2

Mor
HEX
#8A2BE2
RGB
rgb(138, 43, 226)

brown

#A52A2A

Kırmızı
HEX
#A52A2A
RGB
rgb(165, 42, 42)

burlywood

#DEB887

Turuncu
HEX
#DEB887
RGB
rgb(222, 184, 135)

cadetblue

#5F9EA0

Camgöbeği
HEX
#5F9EA0
RGB
rgb(95, 158, 160)

chartreuse

#7FFF00

Yeşil
HEX
#7FFF00
RGB
rgb(127, 255, 0)

chocolate

#D2691E

Turuncu
HEX
#D2691E
RGB
rgb(210, 105, 30)

coral

#FF7F50

Turuncu
HEX
#FF7F50
RGB
rgb(255, 127, 80)

cornflowerblue

#6495ED

Mavi
HEX
#6495ED
RGB
rgb(100, 149, 237)

cornsilk

#FFF8DC

Sarı
HEX
#FFF8DC
RGB
rgb(255, 248, 220)

crimson

#DC143C

Kırmızı
HEX
#DC143C
RGB
rgb(220, 20, 60)

cyan

#00FFFF

Camgöbeği
HEX
#00FFFF
RGB
rgb(0, 255, 255)

darkblue

#00008B

Mavi
HEX
#00008B
RGB
rgb(0, 0, 139)

darkcyan

#008B8B

Camgöbeği
HEX
#008B8B
RGB
rgb(0, 139, 139)

darkgoldenrod

#B8860B

Turuncu
HEX
#B8860B
RGB
rgb(184, 134, 11)

darkgray

#A9A9A9

Gri
HEX
#A9A9A9
RGB
rgb(169, 169, 169)

darkgreen

#006400

Yeşil
HEX
#006400
RGB
rgb(0, 100, 0)

darkgrey

#A9A9A9

Gri
HEX
#A9A9A9
RGB
rgb(169, 169, 169)

darkkhaki

#BDB76B

Sarı
HEX
#BDB76B
RGB
rgb(189, 183, 107)

darkmagenta

#8B008B

Pembe
HEX
#8B008B
RGB
rgb(139, 0, 139)

darkolivegreen

#556B2F

Yeşil
HEX
#556B2F
RGB
rgb(85, 107, 47)

darkorange

#FF8C00

Turuncu
HEX
#FF8C00
RGB
rgb(255, 140, 0)

darkorchid

#9932CC

Mor
HEX
#9932CC
RGB
rgb(153, 50, 204)

darkred

#8B0000

Kırmızı
HEX
#8B0000
RGB
rgb(139, 0, 0)

darksalmon

#E9967A

Turuncu
HEX
#E9967A
RGB
rgb(233, 150, 122)

darkseagreen

#8FBC8F

Yeşil
HEX
#8FBC8F
RGB
rgb(143, 188, 143)

darkslateblue

#483D8B

Mavi
HEX
#483D8B
RGB
rgb(72, 61, 139)

darkslategray

#2F4F4F

Camgöbeği
HEX
#2F4F4F
RGB
rgb(47, 79, 79)

darkslategrey

#2F4F4F

Camgöbeği
HEX
#2F4F4F
RGB
rgb(47, 79, 79)

darkturquoise

#00CED1

Camgöbeği
HEX
#00CED1
RGB
rgb(0, 206, 209)

darkviolet

#9400D3

Mor
HEX
#9400D3
RGB
rgb(148, 0, 211)

deeppink

#FF1493

Pembe
HEX
#FF1493
RGB
rgb(255, 20, 147)

deepskyblue

#00BFFF

Mavi
HEX
#00BFFF
RGB
rgb(0, 191, 255)

dimgray

#696969

Gri
HEX
#696969
RGB
rgb(105, 105, 105)

dimgrey

#696969

Gri
HEX
#696969
RGB
rgb(105, 105, 105)

dodgerblue

#1E90FF

Mavi
HEX
#1E90FF
RGB
rgb(30, 144, 255)

firebrick

#B22222

Kırmızı
HEX
#B22222
RGB
rgb(178, 34, 34)

floralwhite

#FFFAF0

Beyaz
HEX
#FFFAF0
RGB
rgb(255, 250, 240)

forestgreen

#228B22

Yeşil
HEX
#228B22
RGB
rgb(34, 139, 34)

fuchsia

#FF00FF

Pembe
HEX
#FF00FF
RGB
rgb(255, 0, 255)

gainsboro

#DCDCDC

Gri
HEX
#DCDCDC
RGB
rgb(220, 220, 220)

ghostwhite

#F8F8FF

Beyaz
HEX
#F8F8FF
RGB
rgb(248, 248, 255)

gold

#FFD700

Sarı
HEX
#FFD700
RGB
rgb(255, 215, 0)

goldenrod

#DAA520

Turuncu
HEX
#DAA520
RGB
rgb(218, 165, 32)

gray

#808080

Gri
HEX
#808080
RGB
rgb(128, 128, 128)

green

#008000

Yeşil
HEX
#008000
RGB
rgb(0, 128, 0)

greenyellow

#ADFF2F

Yeşil
HEX
#ADFF2F
RGB
rgb(173, 255, 47)

grey

#808080

Gri
HEX
#808080
RGB
rgb(128, 128, 128)

honeydew

#F0FFF0

Beyaz
HEX
#F0FFF0
RGB
rgb(240, 255, 240)

hotpink

#FF69B4

Pembe
HEX
#FF69B4
RGB
rgb(255, 105, 180)

indianred

#CD5C5C

Kırmızı
HEX
#CD5C5C
RGB
rgb(205, 92, 92)

indigo

#4B0082

Mor
HEX
#4B0082
RGB
rgb(75, 0, 130)

ivory

#FFFFF0

Beyaz
HEX
#FFFFF0
RGB
rgb(255, 255, 240)

khaki

#F0E68C

Sarı
HEX
#F0E68C
RGB
rgb(240, 230, 140)

lavender

#E6E6FA

Mavi
HEX
#E6E6FA
RGB
rgb(230, 230, 250)

lavenderblush

#FFF0F5

Beyaz
HEX
#FFF0F5
RGB
rgb(255, 240, 245)

lawngreen

#7CFC00

Yeşil
HEX
#7CFC00
RGB
rgb(124, 252, 0)

lemonchiffon

#FFFACD

Sarı
HEX
#FFFACD
RGB
rgb(255, 250, 205)

lightblue

#ADD8E6

Camgöbeği
HEX
#ADD8E6
RGB
rgb(173, 216, 230)

lightcoral

#F08080

Kırmızı
HEX
#F08080
RGB
rgb(240, 128, 128)

lightcyan

#E0FFFF

Camgöbeği
HEX
#E0FFFF
RGB
rgb(224, 255, 255)

lightgoldenrodyellow

#FAFAD2

Sarı
HEX
#FAFAD2
RGB
rgb(250, 250, 210)

lightgray

#D3D3D3

Gri
HEX
#D3D3D3
RGB
rgb(211, 211, 211)

lightgreen

#90EE90

Yeşil
HEX
#90EE90
RGB
rgb(144, 238, 144)

lightgrey

#D3D3D3

Gri
HEX
#D3D3D3
RGB
rgb(211, 211, 211)

lightpink

#FFB6C1

Kırmızı
HEX
#FFB6C1
RGB
rgb(255, 182, 193)

lightsalmon

#FFA07A

Turuncu
HEX
#FFA07A
RGB
rgb(255, 160, 122)

lightseagreen

#20B2AA

Camgöbeği
HEX
#20B2AA
RGB
rgb(32, 178, 170)

lightskyblue

#87CEFA

Mavi
HEX
#87CEFA
RGB
rgb(135, 206, 250)

lightslategray

#778899

Mavi
HEX
#778899
RGB
rgb(119, 136, 153)

lightslategrey

#778899

Mavi
HEX
#778899
RGB
rgb(119, 136, 153)

lightsteelblue

#B0C4DE

Mavi
HEX
#B0C4DE
RGB
rgb(176, 196, 222)

lightyellow

#FFFFE0

Sarı
HEX
#FFFFE0
RGB
rgb(255, 255, 224)

lime

#00FF00

Yeşil
HEX
#00FF00
RGB
rgb(0, 255, 0)

limegreen

#32CD32

Yeşil
HEX
#32CD32
RGB
rgb(50, 205, 50)

linen

#FAF0E6

Turuncu
HEX
#FAF0E6
RGB
rgb(250, 240, 230)

magenta

#FF00FF

Pembe
HEX
#FF00FF
RGB
rgb(255, 0, 255)

maroon

#800000

Kırmızı
HEX
#800000
RGB
rgb(128, 0, 0)

mediumaquamarine

#66CDAA

Yeşil
HEX
#66CDAA
RGB
rgb(102, 205, 170)

mediumblue

#0000CD

Mavi
HEX
#0000CD
RGB
rgb(0, 0, 205)

mediumorchid

#BA55D3

Pembe
HEX
#BA55D3
RGB
rgb(186, 85, 211)

mediumpurple

#9370DB

Mor
HEX
#9370DB
RGB
rgb(147, 112, 219)

mediumseagreen

#3CB371

Yeşil
HEX
#3CB371
RGB
rgb(60, 179, 113)

mediumslateblue

#7B68EE

Mavi
HEX
#7B68EE
RGB
rgb(123, 104, 238)

mediumspringgreen

#00FA9A

Yeşil
HEX
#00FA9A
RGB
rgb(0, 250, 154)

mediumturquoise

#48D1CC

Camgöbeği
HEX
#48D1CC
RGB
rgb(72, 209, 204)

mediumvioletred

#C71585

Pembe
HEX
#C71585
RGB
rgb(199, 21, 133)

midnightblue

#191970

Mavi
HEX
#191970
RGB
rgb(25, 25, 112)

mintcream

#F5FFFA

Beyaz
HEX
#F5FFFA
RGB
rgb(245, 255, 250)

mistyrose

#FFE4E1

Kırmızı
HEX
#FFE4E1
RGB
rgb(255, 228, 225)

moccasin

#FFE4B5

Turuncu
HEX
#FFE4B5
RGB
rgb(255, 228, 181)

navajowhite

#FFDEAD

Turuncu
HEX
#FFDEAD
RGB
rgb(255, 222, 173)

navy

#000080

Mavi
HEX
#000080
RGB
rgb(0, 0, 128)

oldlace

#FDF5E6

Turuncu
HEX
#FDF5E6
RGB
rgb(253, 245, 230)

olive

#808000

Sarı
HEX
#808000
RGB
rgb(128, 128, 0)

olivedrab

#6B8E23

Yeşil
HEX
#6B8E23
RGB
rgb(107, 142, 35)

orange

#FFA500

Turuncu
HEX
#FFA500
RGB
rgb(255, 165, 0)

orangered

#FF4500

Turuncu
HEX
#FF4500
RGB
rgb(255, 69, 0)

orchid

#DA70D6

Pembe
HEX
#DA70D6
RGB
rgb(218, 112, 214)

palegoldenrod

#EEE8AA

Sarı
HEX
#EEE8AA
RGB
rgb(238, 232, 170)

palegreen

#98FB98

Yeşil
HEX
#98FB98
RGB
rgb(152, 251, 152)

paleturquoise

#AFEEEE

Camgöbeği
HEX
#AFEEEE
RGB
rgb(175, 238, 238)

palevioletred

#DB7093

Pembe
HEX
#DB7093
RGB
rgb(219, 112, 147)

papayawhip

#FFEFD5

Turuncu
HEX
#FFEFD5
RGB
rgb(255, 239, 213)

peachpuff

#FFDAB9

Turuncu
HEX
#FFDAB9
RGB
rgb(255, 218, 185)

peru

#CD853F

Turuncu
HEX
#CD853F
RGB
rgb(205, 133, 63)

pink

#FFC0CB

Kırmızı
HEX
#FFC0CB
RGB
rgb(255, 192, 203)

plum

#DDA0DD

Pembe
HEX
#DDA0DD
RGB
rgb(221, 160, 221)

powderblue

#B0E0E6

Camgöbeği
HEX
#B0E0E6
RGB
rgb(176, 224, 230)

purple

#800080

Pembe
HEX
#800080
RGB
rgb(128, 0, 128)

rebeccapurple

#663399

Mor
HEX
#663399
RGB
rgb(102, 51, 153)

red

#FF0000

Kırmızı
HEX
#FF0000
RGB
rgb(255, 0, 0)

rosybrown

#BC8F8F

Kırmızı
HEX
#BC8F8F
RGB
rgb(188, 143, 143)

royalblue

#4169E1

Mavi
HEX
#4169E1
RGB
rgb(65, 105, 225)

saddlebrown

#8B4513

Turuncu
HEX
#8B4513
RGB
rgb(139, 69, 19)

salmon

#FA8072

Kırmızı
HEX
#FA8072
RGB
rgb(250, 128, 114)

sandybrown

#F4A460

Turuncu
HEX
#F4A460
RGB
rgb(244, 164, 96)

seagreen

#2E8B57

Yeşil
HEX
#2E8B57
RGB
rgb(46, 139, 87)

seashell

#FFF5EE

Beyaz
HEX
#FFF5EE
RGB
rgb(255, 245, 238)

sienna

#A0522D

Kahverengi
HEX
#A0522D
RGB
rgb(160, 82, 45)

silver

#C0C0C0

Gri
HEX
#C0C0C0
RGB
rgb(192, 192, 192)

skyblue

#87CEEB

Mavi
HEX
#87CEEB
RGB
rgb(135, 206, 235)

slateblue

#6A5ACD

Mavi
HEX
#6A5ACD
RGB
rgb(106, 90, 205)

slategray

#708090

Mavi
HEX
#708090
RGB
rgb(112, 128, 144)

slategrey

#708090

Mavi
HEX
#708090
RGB
rgb(112, 128, 144)

snow

#FFFAFA

Beyaz
HEX
#FFFAFA
RGB
rgb(255, 250, 250)

springgreen

#00FF7F

Yeşil
HEX
#00FF7F
RGB
rgb(0, 255, 127)

steelblue

#4682B4

Mavi
HEX
#4682B4
RGB
rgb(70, 130, 180)

tan

#D2B48C

Turuncu
HEX
#D2B48C
RGB
rgb(210, 180, 140)

teal

#008080

Camgöbeği
HEX
#008080
RGB
rgb(0, 128, 128)

thistle

#D8BFD8

Pembe
HEX
#D8BFD8
RGB
rgb(216, 191, 216)

tomato

#FF6347

Kırmızı
HEX
#FF6347
RGB
rgb(255, 99, 71)

turquoise

#40E0D0

Camgöbeği
HEX
#40E0D0
RGB
rgb(64, 224, 208)

violet

#EE82EE

Pembe
HEX
#EE82EE
RGB
rgb(238, 130, 238)

wheat

#F5DEB3

Turuncu
HEX
#F5DEB3
RGB
rgb(245, 222, 179)

white

#FFFFFF

Beyaz
HEX
#FFFFFF
RGB
rgb(255, 255, 255)

whitesmoke

#F5F5F5

Beyaz
HEX
#F5F5F5
RGB
rgb(245, 245, 245)

yellow

#FFFF00

Sarı
HEX
#FFFF00
RGB
rgb(255, 255, 0)

yellowgreen

#9ACD32

Yeşil
HEX
#9ACD32
RGB
rgb(154, 205, 50)

HTML renk adları nedir?

HTML renk adları, CSS ve HTML’de onaltılık veya RGB değerleri kullanmadan renkleri belirtmek için kullanılabilen, önceden tanımlı renk anahtar sözcükleridir. Bu adlar tüm modern tarayıcılar tarafından desteklenir.

Temel renkler: Orijinal 16 HTML rengi (siyah, beyaz, kırmızı, yeşil, mavi vb.) HTML’nin ilk sürümlerinden beri desteklenir.

Genişletilmiş renkler: CSS3, “aliceblue”, “coral”, “darkslategray” gibi varyasyonlar dahil 140’tan fazla adlandırılmış renk getirdi.

Bu liste size nasıl yardımcı olur

Bir CSS rengini ada veya HEX değerine göre aramak, kataloğu renk ailesine göre daraltmak ve adlı bir rengi stil sayfasına, tasarım token’ına ya da demoya eklemeden önce renk örneklerini karşılaştırmak için aramayı kullanın.

Adlandırılmış renkler ne zaman kullanışlıdır

Adlandırılmış renkler, okunabilir CSS, hızlı prototipler veya kolay hatırlanan örnekler istediğinizde kullanışlıdır. Renk adını CSS’de doğrudan kullanın, örn. “color: tomato;” veya “background-color: steelblue;”.