Renkler seçin, HEX, RGB, HSL formatları arasında dönüştürün ve güzel renk paletleri oluşturun.
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)Renkler seçin, HEX, RGB, HSL formatları arasında dönüştürün ve güzel renk paletleri oluşturun.
Yeni araçlar ve özellikler hakkında bildirim almak için abone olun.
Renk seçici aracini kullanarak geniş bir renk paletinden istediğiniz rengi seçin. Fare isaretcisini renk yuzeyinde gezdirerek ton, doygunluk ve parlaklık değerlerini ayarlayin.
HEX, RGB, HSL veya HSV renk kodlarini doğrudan giriş alanına yazarak belirli bir rengi hızlıca seçin.
Sectiginiz rengin önizlemesini görün ve farklı arka planlar üzerinde nasıl görünecegini kontrol edin.
Renk kodunu istediğiniz formatta (HEX, RGB, HSL) tek tıkla panoya kopyalayın ve projelerinizde kullanın.
Web tasarımcıları ve gelistiricler CSS, HTML ve tasarım dosyaları için doğru renk kodlarina sürekli ihtiyaç duyar. Bu araç farki formatlar arasında anında dönüşüm sağlar.
Marka renk tutarlıligi için tam renk değerlerini bilmek önemlidir. Bir tasarım projesinde kullanilan her rengin kesin kodunu bulabilirsiniz.
Erisilebirlk kontrolleri için renk kontrast oranlarini değerlendirmek önemlidir. Yeterli kontrastin saglanmasi web içeriğinin herkesein erisebilecegi şekilde olmalsini sağlar.
Tamamen ücretsiz, kurulum gerektirmez ve herhangi bir cihazda çalışır. Profesyonel tasarım araçlarına alternatif bir çözüm sunar.
Web erişilebilirliği için metin ve arka plan arasında en az 4.5:1 kontrast oranin sağlayın (WCAG AA standardı).
Renk paletleri oluştururken tamamlayici renkleri (renk carkinda karsi taraftaki renkler) kullanarak görsel uyum sağlayın.
HEX kodlarini kullanırken kisaltilmis notasyonu bilin: #RGB, #RRGGBB ile aynı sonucu verir (ornegin #F00 = #FF0000).
Tasarim sisteminizde kullandiginiz renkleri belgeleyin. Marka kilavuzunuzda HEX, RGB ve HSL değerlerinin tumunu kaydedin.
HEX bir rengi 6 haneli onaltlik sistemde temsil eder (#RRGGBB), web geliştirmede en yaygın kullanılan formattir. RGB kirmizi, yesil ve mavi kanal değerlerini 0-255 araliginda belirtir. HSL ise rengi ton (0-360), doygunluk (0-100%) ve parlaklık (0-100%) olarak tanımlar ve renklerin insan tarafından daha sezgisel algılanmasını sağlar.
Tarayıcınızın geliştirici araçlarını (F12) açarak elemanlari inceleyebilir ve CSS özelliklerinden renk kodlarini gorebilirsiniz. Ayrica tarayıcı eklentileri veya bu aractaki renk seçici özelliğini kullanarak herhangi bir görüntudan renk kodunu alabilirsiniz.
WCAG (Web İçerik Erişilebilirlik Yönergeleri) minimum kontrast oranlarini belirler: normal metin için 4.5:1, büyük metin için 3:1. Yetersiz kontrast, görme zorluklari olan kullanıcılar ve parlak güneş isiginda mobil kullananlar için içeriğizi okunaklsız hale getirir.
CSS'de rgba() ve hsla() fonksiyonlari 0 ile 1 arasında bir alfa değeri alir: rgba(255, 0, 0, 0.5) %50 şeffaf kirmizi oluşturur. HEX formatında 8 haneli notasyon kullanilabilir: #FF000080. Modern CSS'de rgb() fonksiyonu da şeffaflik destekler: rgb(255 0 0 / 50%).
Bilgiyi yalnizca renkle iletmekten kacinin; simgeler, desenler ve metin etiketleri ile destekleyin. Renk korlugu simülatörlerini kullanarak tasarimlarinizi test edin. En yaygın renk korlugu turu olan kirmizi-yesil korlugu için bu iki rengi ayirt edici olarak kullanmaktan kacinin.
Renk teorisi ilkelerini kullanın: tamamlayici renkler (karsi taraf), analog renkler (yanyana), üçlü renkler (120 derece aralikli) ve bolumlenmis tamamlayici renkler. Bir ana renk seçin ve bu ilkelerle uyumlu tonlar oluşturun. Genellikle bir ana renk, bir vurgu rengi ve nötr tonlar yeterlidir.
URL, metin, e-posta, telefon numarası ve daha fazlası için QR kodlar üretin. PNG veya SVG olarak indirin.
Tasarımlarınız ve maketleriniz için lorem ipsum yer tutucu metin oluşturun. Paragraf, cümle veya kelime seçin.
Özelleştirilebilir uzunluk ve karakter türleriyle güçlü, rastgele şifreler üretin. Şifre gücü göstergesi dahildir.
UUID v4 tanımlayıcıları çevrimiçi üretin. Toplu üretim, büyük/küçük harf seçenekleri, tireli veya tiresiz.