Turuncu HTML CSS Renk Kodları ve Adları (Color Codes and Names)

Turuncu HTML CSS Renk Kodları, CSS ve HTML tasarımlarında en sık kullanılan, Material Design renk paleti ayrıca W3C tarafından standartı oluşturulmuş ve popüler tüm tarayıcılar tarafından kabul görmüş html renk kodlarını sizler için bu sayfada topladım.

---

Turuncu HTML CSS Renk Kodları ve Adları (Color Codes and Names)

Eğer tüm renk kodlarını görüntülemek isterseniz HTML / CSS Renk Kodları ve Adları (Color Codes and Names) sayfamızı ziyaret ediniz.

Renk Seçim Aracı

Video

Material Design Renk Paleti (Material Design Color Palette)

Renk Önizlemesi	Renk Adları	Hex Kodu	Decimal Kodu(RGB)
ORANGE – TURUNCU
	50	#FFF3E0	255, 243, 224
	100	#FFE0B2	255, 224, 178
	200	#FFCC80	255, 204, 128
	300	#FFB74D	255, 183, 77
	400	#FFA726	255, 167, 38
	500	#FF9800	255, 152, 0
	600	#FB8C00	251, 140, 0
	700	#F57C00	245, 124, 0
	800	#EF6C00	239, 108, 0
	900	#E65100	230, 81, 0
	A100	#FFD180	255, 209, 128
	A200	#FFAB40	255, 171, 64
	A400	#FF9100	255, 145, 0
	A700	#FF6D00	255, 109, 0
DEEP ORANGE – KOYU TURUNCU
	50	#FBE9E7	251, 233, 231
	100	#FFCCBC	255, 204, 188
	200	#FFAB91	255, 171, 145
	300	#FF8A65	255, 138, 101
	400	#FF7043	255, 112, 67
	500	#FF5722	255, 87, 34
	600	#F4511E	244, 81, 30
	700	#E64A19	230, 74, 25
	800	#D84315	216, 67, 21
	900	#BF360C	191, 54, 12
	A100	#FF9E80	255, 158, 128
	A200	#FF6E40	255, 110, 64
	A400	#FF3D00	255, 61, 0
	A700	#DD2C00	221, 44, 0

---

Temel Renk Kodları ve Adları

HTML 4.01 standartlarında 16 tane temel renk adları tanımlanmıştır. Bu renkler aslında standart EGA renk paleti olarak kullanılmaktadır.

Renk Önizlemesi	Renk Adları	Hex Kodu	Decimal Kodu(RGB)
	orange	#FFA500	255,165,0

Renk Önizlemesi	Renk Adları	Hex Kodu	Decimal Kodu(RGB)
Turuncu Renk Adları (Orange Color Names)
	lightsalmon	#FFA07A	255,160,122
	coral	#FF7F50	255,127,80
	tomato	#FF6347	255,99,71
	orangered	#FF4500	255,69,0
	darkorange	#FF8C00	255,140,0
	orange	#FFA500	255,165,0

Hex Koduna Saydamlık Ekleme

W3C standart renklerinden biri turuncu renk koduna ait hex(#FFA500) koduna 100 seviyesinden 0 seviyesine kadar saydamlık nasıl ekleriz onu göreceğiz. Her saydamlık seviyesinin kod karşılığı bulunmaktadır. Saydamlık seviyeleri, hex kodu karşılığı, mevcut hex koduna dahil edilmiş hali ile son olarak saydamlık uygulanmış hex kodunun sonucunu alttaki tabloda bulabilirsiniz. Mevcut hex koduna 2 karakter saydamlık kodunu en sona ekleyerek hex kodunuza saydamlık ekleyebilirsiniz.

Saydamlık seviyesi	Kod karşılığı	Hex kodu ile kullanımı	Sonuç
100%	FF	#FFA500FF
99%	FC	#FFA500FC
98%	FA	#FFA500FA
97%	F7	#FFA500F7
96%	F5	#FFA500F5
95%	F2	#FFA500F2
94%	F0	#FFA500F0
93%	ED	#FFA500ED
92%	EB	#FFA500EB
91%	E8	#FFA500E8
90%	E6	#FFA500E6
89%	E3	#FFA500E3
88%	E0	#FFA500E0
87%	DE	#FFA500DE
86%	DB	#FFA500DB
85%	D9	#FFA500D9
84%	D6	#FFA500D6
83%	D4	#FFA500D4
82%	D1	#FFA500D1
81%	CF	#FFA500CF
80%	CC	#FFA500CC
79%	C9	#FFA500C9
78%	C7	#FFA500C7
77%	C4	#FFA500C4
76%	C2	#FFA500C2
75%	BF	#FFA500BF
74%	BD	#FFA500BD
73%	BA	#FFA500BA
72%	B8	#FFA500B8
71%	B5	#FFA500B5
70%	B3	#FFA500B3
69%	B0	#FFA500B0
68%	AD	#FFA500AD
67%	AB	#FFA500AB
66%	A8	#FFA500A8
65%	A6	#FFA500A6
64%	A3	#FFA500A3
63%	A1	#FFA500A1
62%	9E	#FFA5009E
61%	9C	#FFA5009C
60%	99	#FFA50099
59%	96	#FFA50096
58%	94	#FFA50094
57%	91	#FFA50091
56%	8F	#FFA5008F
55%	8C	#FFA5008C
54%	8A	#FFA5008A
53%	87	#FFA50087
52%	85	#FFA50085
51%	82	#FFA50082
50%	80	#FFA50080
49%	7D	#FFA5007D
48%	7A	#FFA5007A
47%	78	#FFA50078
46%	75	#FFA50075
45%	73	#FFA50073
44%	70	#FFA50070
43%	6E	#FFA5006E
42%	6B	#FFA5006B
41%	69	#FFA50069
40%	66	#FFA50066
39%	63	#FFA50063
38%	61	#FFA50061
37%	5E	#FFA5005E
36%	5C	#FFA5005C
35%	59	#FFA50059
34%	57	#FFA50057
33%	54	#FFA50054
32%	52	#FFA50052
31%	4F	#FFA5004F
30%	4D	#FFA5004D
29%	4A	#FFA5004A
28%	47	#FFA50047
27%	45	#FFA50045
26%	42	#FFA50042
25%	40	#FFA50040
24%	3D	#FFA5003D
23%	3B	#FFA5003B
22%	38	#FFA50038
21%	36	#FFA50036
20%	33	#FFA50033
19%	30	#FFA50030
18%	2E	#FFA5002E
17%	2B	#FFA5002B
16%	29	#FFA50029
15%	26	#FFA50026
14%	24	#FFA50024
13%	21	#FFA50021
12%	1F	#FFA5001F
11%	1C	#FFA5001C
10%	1A	#FFA5001A
9%	17	#FFA50017
8%	14	#FFA50014
7%	12	#FFA50012
6%	0F	#FFA5000F
5%	0D	#FFA5000D
4%	0A	#FFA5000A
3%	08	#FFA50008
2%	05	#FFA50005
1%	03	#FFA50003
0%	00	#FFA50000

---

Hex Kodunu 3 Karakter Olarak Kullanmak

Hex kodları normalde r-g-b hex kodu karşılıkları ile 6 karakter olarak yazılmaktadır ve şimdiye kadar üstteki örneklerimizin tümünde 6 karakter şeklinde kullandık(saydamlık uygulanmış 8 karakterli hex kodları hariç). Bu başlık altında hex kodlarını 3 karakter şeklinde nasıl kullanırız onu göreceğiz. Eğer r-g-b renk kombinasyonundaki her 2 karakter aynı ise 3 karakter olarak kullanılabilir diyebiliriz. Bu açıklama pek yeterli olmadığı düşüncesindeyim o yüzden örnekle açıklayalım. Siyah(#000000) ve Beyaz(#FFFFFF) renklerine ait 6 karakterli hex kodları en sık 3 karakter şeklinde kullanılan hex kodlarıdır. Siyah renge ait hex kodunu #000 ve beyaz renge ait hex kodunu ise #FFF şeklinde kullanabiliyoruz.

Kaynaklar

• https://en.wikipedia.org/wiki/Web_colors

---

📚 Turuncu HTML CSS Renk Kodları Benzeri Makaleler

• HTML / CSS Renk Kodları ve Adları (Color Codes and Names)

---

✍ Lütfen “Turuncu HTML CSS Renk Kodları” konulu olumlu-olumsuz tüm görüşlerinizi bana yorum yada mail yolu ile iletmeyi ihmal etmeyin.🔗 Sosyal medya kanallarından “Turuncu HTML CSS Renk Kodları” konulu makaleyi paylaşarak destek olursanız çok sevinirim.👋 Bir sonraki makalede görüşmek dileğiyle.Turuncu HTML CSS Renk Kodları nelerdir, Turuncu HTML CSS Renk Kodları nasıl kullanılır, Turuncu HTML CSS Renk Kodları üretmek, Turuncu HTML CSS Renk Kodları nerede bulunur.