Pick colors and generate palettes
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)Pick colors, convert between HEX, RGB, HSL formats, and generate beautiful color palettes. Free online color picker tool for designers.
Renk secici aracini kullanarak genis bir renk paletinden istediginiz rengi secin. Fare isaretcisini renk yuzeyinde gezdirerek ton, doygunluk ve parlaklik degerlerini ayarlayin.
HEX, RGB, HSL veya HSV renk kodlarini dogrudan giris alanina yazarak belirli bir rengi hizlica secin.
Sectiginiz rengin onizlemesini gorun ve farkli arka planlr uzerinde nasil gorunecegini kontrol edin.
Renk kodunu istediginiz formatta (HEX, RGB, HSL) tek tikla panoya kopyalayin ve projelerinizde kullanin.
Web tasarimcilari ve gelistiricler CSS, HTML ve tasarim dosyalari icin dogru renk kodlarina surekli ihtiyac duyar. Bu arac farki formatlar arasinda aninda donusum saglar.
Marka renk tutarliligi icin tam renk degerlerini bilmek onemlidir. Bir tasarim projesinde kullanilan her rengin kesin kodunu bulabilirsiniz.
Erisilebirlk kontrolleri icin renk kontrast oranlarini degerlendirmek onemlidir. Yeterli kontrastin saglanmasi web iceriginin herkesein erisebilecegi sekilde olmalsini saglar.
Tamamen ucretsiz, kurulum gerektirmez ve herhangi bir cihazda calisir. Profesyonel tasarim araclarina alternatif bir cozum sunar.
Web erisilebilrligi icin metin ve arka plan arasinda en az 4.5:1 kontrast oranin saglayin (WCAG AA standardi).
Renk paletleri olustururken tamamlayici renkleri (renk carkinda karsi taraftaki renkler) kullanarak gorsel uyum saglayin.
HEX kodlarini kullanirken kisaltilmis notasyonu bilin: #RGB, #RRGGBB ile ayni sonucu verir (ornegin #F00 = #FF0000).
Tasarim sisteminizde kullandiginiz renkleri belgeleyin. Marka kilavuzunuzda HEX, RGB ve HSL degerlerinin tumunu kaydedin.
HEX bir rengi 6 haneli onaltlik sistemde temsil eder (#RRGGBB), web gelistirmede en yaygin kullanlan formattir. RGB kirmizi, yesil ve mavi kanal degerlerini 0-255 araliginda belirtir. HSL ise rengi ton (0-360), doygunluk (0-100%) ve parlaklik (0-100%) olarak tanimlar ve renklerin insan tarafindan daha sezgisel alglanmasini saglar.
Tarayicinizin gelistirici araclrini (F12) acarak elemanlari inceleyebilir ve CSS ozelliklerinden renk kodlarini gorebilirsiniz. Ayrica tarayici eklentleri veya bu aractaki renk secici ozelligini kullanarak herhangi bir goruntudan renk kodunu alabilirsiniz.
WCAG (Web Icerik Erisilebirlik Yonergeleri) minimum kontrast oranlarini belirler: normal metin icin 4.5:1, buyuk metin icin 3:1. Yetersiz kontrast, gorme zorluklari olan kullanicilar ve parlak gunes isiginda mobil kullananlar icin icerigizi okunaklasiz hale getirir.
CSS'de rgba() ve hsla() fonksiyonlari 0 ile 1 arasinda bir alfa degeri alir: rgba(255, 0, 0, 0.5) %50 seffaf kirmizi olusturur. HEX formtnda 8 haneli notasyon kullanilabilir: #FF000080. Modern CSS'de rgb() fonksiyonu da seffaflik destekler: rgb(255 0 0 / 50%).
Bilgiyi yalnizca renkle iletmekten kacinin; simgeler, desenler ve metin etiketleri ile destekleyin. Renk korlugu simul atorlerini kullanarak tasarimlarinizi test edin. En yaygin renk korlugu turu olan kirmizi-yesil korlugu icin bu iki rengi ayirt edici olarak kullanmaktan kacinin.
Renk teorisi ilkelerini kullanin: tamamlayici renkler (karsi taraf), analog renkler (yanyana), uclu renkler (120 derece aralikli) ve bolumlenmis tamamlayici renkler. Bir ana renk secin ve bu ilkelerle uyumlu tonlar olusturun. Genellikle bir ana renk, bir vurgu rengi ve nötr tonlar yeterlidir.