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 |
X11 Renk Adları (W3C Renk Adları)
W3C standartlarına göre tüm tarayıcılar tarafından kabul görmüş X11 renk setinin tümünü alttaki uzun tablodan ulaşabilirsiniz.| 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
📚 Turuncu HTML CSS Renk Kodları Benzeri Makaleler
✍ 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.
