Web Tasarım Renk Kodları

Web tasarım renklerinin her biri için özel kodlar kullanılır ve bu renkler gruplara ayrılır.

• Ilık Renkler
• Nötr Renkler
• Soğuk Renkler
• Arabulucu Renkler
• Çoklu Renkler

Olarak kategorilere ayrılan web tasarım renk kodlarının kullanımıyla, web siteleri dikkat çekici ve kaliteli bir görünüme sahip olur. Şirketlerin felsefelerini yansıtan renklerin doğru şekilde kullanılmasıyla, markaların kalıcılığı sağlanmaktadır.

Renklerin Web Tasarımında Kullanılması

Web tasarımı ve renk ilişkisi, kişilerin web sitelerini ziyaret ettikleri zamanki ilk izlenimin oluşmasında büyük paya sahiptir.

Web tasarımında kullanılan renk kodlarının kategorileri şu şekilde sıralanmaktadır:

• Ilık Renkler: Sarı, turuncu, kahverengi, sarı-yeşil ve turuncu-kırmızı renklerin kombinasyonlarından meydana gelmektedir.
• Soğuk Renkler: Mavi, pembe, yeşil, turuncu, mor, magenta, mavi-kırmızı ve mavi-yeşil renklerinin kombinasyonlarından meydana gelmektedir.
• Arabulucu Renkler: Mor ve yeşil renklerin kullanılmasıyla, soğuk ve ılık renkler arasındaki geçiş sağlanmaktadır. Renklerin soğuk ya da ılık olduğunun anlaşılması için kırmızı ve sarı renklerinin mavi değerine olan yakınlığı incelenmektedir. Eğer renklerin içerdiği mavi tonu azsa ılık ton, fazlaysa soğuk ton olarak nitelendirilir.
• Nötr Renkler: Siyah, beyaz ve gri tonlarını barındıran renklerden meydana gelmektedir. Genel olarak arka planlarda ve ılık renklerin değerlerini yükseltmek amacıyla kullanılırlar.
• Çoklu Renkler: Ilık ve soğuk renklerin karışık biçimde kullanıldığı modeldir. Bu tarzda hazırlanan web siteleri itici gelmektedir ve ziyaretçilerin en az zaman harcadığı site modelleridir. Çoklu renklerin yer aldığı siteler göze kalabalık gelir ve düzeltilmesi için bir çift renk belirlenip, bu renkler üzerinden tasarımı yenilemek gerekir.

Renk Paletlerini Oluşturmak İçin Kullanılan Araçlar

Renk paletleri oluşturmak için tercih edilebilecek uygulamaların isimleri şu şekilde sıralanmaktadır:

• Coolers
• Stylify me
• Adobe color CC
• Paletton
• Color-Hex

Web Tasarım Renk Kodlarının Kategorileri

Web tasarım renk kodları, renk tonlarına göre kategorilere ayrılmıştır. Genel olarak web sitesi yaparken kullanılan renk kodları şu şekilde sıralanmıştır:

Pembe Tonlarının Renk Kodları

• Pink: Hex Kodu= #FFC0CB / RGB Kodu= 255 192 203
• HotPink: Hex Kodu= #FF69B4 / RGB Kodu= 255 105 180
• MediumVioletRed: Hex Kodu= #C71585 / RGB Kodu: 199 21 133

Kırmızı Tonlarının Renk Kodları

• LightSalmon: Hex Kodu= #FFA07A / RGB Kodu= 255 160 122
• LightCoral: Hex Kodu= #F08080 / RGB Kodu= 240 128 128
• Crimson: Hex Kodu= #DC143C / RGB Kodu= 220  20  60
• Red: Hex Kodu= #FF0000 / RGB Kodu= 255   0   0

Turuncu Tonlarının Renk Kodları

• OrangeRed : Hex Kodu= #FF4500 / RGB Kodu= 255  69   0
• Tomato: Hex Kodu= #FF6347 / RGB Kodu= 255 99  71
• Coral: Hex Kodu= #FF7F50 / RGB Kodu= 255 127 80
• DarkOrange: Hex Kodu= #FF8C00 / RGB Kodu= 255 140 0
• Orange: Hex Kodu= #FFA500 / RGB Kodu= 255 165 0

Yeşil Tonlarının Renk Kodları

• GreenYellow: Hex Kodu= #ADFF2F / RGB Kodu= 173 255 47
• SpringGreen: Hex Kodu= #00FF7F / RGB Kodu= 0 255 127
• MediumSpringGreen: Hex Kodu= #00FA9A / RGB Kodu=   0 250 154
• ForestGreen: Hex Kodu= #228B22 / RGB Kodu= 34 139 34
• Green: Hex Kodu= #008000 / RGB Kodu= 0 128   0

Mavi Tonlarının Renk Kodları

• LightSteelBlue: Hex Kodu= #B0C4DE / RGB Kodu= 176 196 222
• PowderBlue: Hex Kodu= #B0E0E6 176 / RGB Kodu= 224 230
• DeepSkyBlue: Hex Kodu= #00BFFF / RGB Kodu= 0 191 255
• DodgerBlue: Hex Kodu= #1E90FF / RGB Kodu= 30 144 255
• CornflowerBlue: Hex Kodu= #6495ED / RGB Kodu= 100 149 237
• MediumBlue: Hex Kodu= #0000CD / RGB Kodu= 0 0 205
• DarkBlue: Hex Kodu= #00008B / RGB Kodu= 0 0 139