Web tasar?m?nda ya da web üzerinde herhangi bir görsel kullan?m?nda kullan?c?lar? etkilemenin yolu ilk olarak renk kullan?m?ndan geçmektedir. Birbirine yak?n ve kullan?c?n?n gözünü yormayan renkler süreklili?i, okunabilirli?i ve çekicili?i artt?rmaktad?r. Özellikle görsel alanda dikkat edilmesi gereken konular?n ba??nda yer alan renk seçimleri ile ilgili belirli kal?p bilgilerin ve renk paletlerinin yan?nda uygun renk de?erleri ile de ba?ar?l? varyasyonlar haz?rlanabilir.
WEB RENKLER?
Web renkleri için genelde RGB (Red,Green,Blue) renk sistemi kullan?l?r. Bu renk sistemi K?rm?z?,Ye?il ve Mavi renklerinin 0′dan 255′e kadar olan de?erleri ile ifade edilir.HTML’de çok kullan?lan renklerin ?ngilizce isimleri veya yukardaki RGB sistemindeki her renk de?erinin 16′l?k say? sistemine çevrilip yanyana yaz?lmas?yla elde edilen Hex üçlüsü kullan?l?r.
Renk ?simleri
Internet Explorer ve Mozilla Firefox gibi popüler taray?c?lar a?a??daki listedeki tüm renk isimlerini destekler.
<body bgcolor="AliceBlue">ile<body bgcolor="#F0F8FF">ayn? sonucu verecektir.… di?er renk kal?plar?
Web renkleri olarak bahsedilecek bir di?er konu ise web üzerinde kullan?lan görsellerin renk de?erleri ve kal?plar?d?r. Kodlama yap?l?rken kullan?lan renk kal?plar?ndan bahsetmek gerekir ise;
| Ad | Hex. | Oransal RGB | Say?sal RGB | K?sa Hex. |
| aliceblue | #f0f8ff | rgb(94.1%,96.9%,100%) | rgb(240,248,255) | |
| antiquewhite | #faebd7 | rgb(98%,92.2%,84.3%) | rgb(250,235,215) | |
| aqua | #00ffff | rgb(0%,100%,100%) | rgb(0,255,255) | #0ff |
| aquamarine | #7fffd4 | rgb(49.8%,100%,83.1%) | rgb(127,255,212) | |
| azure | #f0ffff | rgb(94.1%,100%,100%) | rgb(240,255,255) | |
| beige | #f5f5dc | rgb(96.1%,96.1%,86.3%) | rgb(245,245,220) | |
| bisque | #ffe4c4 | rgb(100%,89.4%,76.9%) | rgb(255,228,196) | |
| black | #000000 | rgb(0%,0%,0%) | rgb(0,0,0) | #000 |
Ad: color: aqua;
Hex.: color: #00ffff;
Oransal RGB: color: rgb(0%,100%,100%);
Say?sal RGB: color: rgb(0,255,255);
K?sa Hex: color: #0ff;… ve dahas?
WEB ARAÇLARI
Web üzerinde kullan?labilir bir çok renk arac? bulunmakta. Bunlardan baz?lar?n? bilgisayar?n?za indirebildi?iniz gibi bir url üzerinden de eri?ebilmektesiniz. ?imdi bu araçlar hakk?nda bilgiler vermeye ba?layay?m.
ColorScheme
Oldukça ba?ar?l? renk seçimleri sunan araçlardan biri olan colorscheme ile seçmi? oldu?unuz renge yak?n de?erlikte (uyumlu) 6 farkl? renk de?erli?i belirleyebiliyorsunuz. Sol alanda yer alan renk paletinden seçiminizi belirledi?inizda sa? alanda uyumlu renkleri ve uyumlu renklerden olu?mu? bir alan içinde de birbirleri aras?ndaki uyumu görüntüleyebiliyorsunuz.
Url üzerinden ula?abilece?iniz arac? bu adresten inceleyebilirsiniz.
ColorScheme 2
ColorScheme ile birlikte sunulan bu araç yine ayn? web sitesi alt?nda yer al?yor. En çok kulland???m araçlardan biri olan colorscheme2 ile sol alan?nda yer alan ana paletten istedi?iniz renk de?erli?ini seçiyorsunuz. Sa? alanda seçiminize uygun 4 farkl? renk de?eri size sunuluyor.Default Pastel Dark pastel Light pastel Contrast Pale gibi seçeneklerle seçiminiz olan renklerin farkl? alternatiflerini de incelemeniz mümkün.
Url üzerinden eri?ebilece?iniz bu arac? bu adres üzerinden inceleyebilirsiniz.
ColorMatch.dk
Oldukça pratik olarak haz?rlanm?? olan bu araç seçmi? oldu?unuz renk de?erine ait 14 farkl? alternatifin yan?nda bu renklerin birbirleri ile olan ili?kilerini görütüleyebilece?iniz alan üzerinde görüntüleme imkan? da sunmakta. 2. sürümünün haz?rl???ndan haberdar oldu?um sisteme renk paletini kaydetme ve renk klasörü olu?turma gibi di?er araçlarda olmayan özellikler eklenecek.
Url üzerinden ula??labilen arac? bu adres üzerinden görüntüleyebilirsiniz.
D??ER ARAÇLAR
Bilgisayar?n?za yükleyebilece?iniz basit ve kullan??l? araçlar.
Color Schemes
En çok kullan?lan renk programlar?ndan biri olan Color Schemes ile kendinize palet olu?turabilir ve uyumlu renklerinizi görütüleyerek kaydedebilirsiniz. Bunun yan?nda size ekrandan renk seçme gibi özellikler sunan araç ile farkl? renk kal?plar? aras?nda dönü?ümler olu?turabilirsiniz.
Bu adresten inceleyebilece?iniz arac?n Win ve Mac sürümleri de mevcut.
Yine bu site alt?nda yay?nlanan bilgiler do?rultusunda farkl? araçlara ve renkler hakk?nda farkl? kaynaklara ula?abilirsiniz.
Pickard
Aç?k kaynak olarak geli?tirilen bu küçük araç ile imaj editörleri üzerinde yer alan renk paletlerine benzer bir görüntüye sahip alan içerisinde renklerinizi düzenleyebiliyorsunuz. RGB`den HSL`ye 4 farkl? renk kal?b?nda renk kodunu görüntüleyebilece?iniz araç herhangi bir kuruluma gerek duymadan çal??makta.
Yine zoom özelli?i de bulunan arac? bu adres üzerinden indirebilirsiniz.
Color Selector
Bir di?er aç?k kaynak olarak geli?tirilen araçlardan olan color selector yine kurulum gereksinimi olmadan tek bir dosya üzerinden çal??makta. 6 farkl? renk kal?b?nda dönü?üm ve renk de?eri gibi özelliklerinin yan?nda, zoom özelli?i ve geli?mi? renk görüntüleyicisi bulunan program? bu adres üzerinden indirebilirsiniz.
Renk sistemlerinin yan?nda farkl? özelliklerde hizmet veren di?er yard?mc? adreslere ise buradan, buradan ve buradan ula?abilirsiniz.
Bu adreslerin özellikleri kullan?c?lar?n kendilerine ait renk paletlerini yay?nlayabiliyor ve di?er paletler hakk?nda yorumlar ekleyebiliyor olman?z :) Gayet e?lenceli olan bu sistemleri yak?ndan takip etmeniz oldukça yararl? olacakt?r.
