Renk Dönüştürücü
Renkleri farklı formatlar arasında dönüştürün: HEX, RGB, HSL ve HSV. Farklı platformlarda ve tasarım araçlarında renklerle çalışması gereken tasarımcılar ve geliştiriciler için vazgeçilmezdir. Herhangi bir renk değerini CSS, grafik yazılımı veya diğer uygulamalar için ihtiyaç duyduğunuz formata anında dönüştürün.
Sık sorulan sorular
HEX, web tasarımında yaygın olarak kullanılan onaltılık bir gösterimdir (örn. #FF5733). RGB, Kırmızı, Yeşil ve Mavi değerlerini (0-255) kullanarak renkleri temsil eder. HSL Renk Tonu (0-360°), Doygunluk (%0-100) ve Açıklık (%0-100) değerlerini kullanır ve renkleri ayarlamak için sezgiseldir. HSV, grafik yazılımlarında popüler olan Ton, Doygunluk ve Değeri (parlaklık) kullanır. Her formatın farklı kullanım durumları için güçlü yönleri vardır.
Tonu sabit tutarken bir rengin parlaklığını veya doygunluğunu ayarlamanız gerektiğinde HSL'yi kullanın. HSL renk varyasyonları, renk tonları ve gölgeler oluşturmak için daha sezgiseldir. Erişilebilir renk şemaları oluşturmak ve öngörülebilir açıklık ayarlamalarına ihtiyaç duyduğunuz duyarlı tasarımlar için mükemmeldir. RGB, tek tek renk kanalları üzerinde hassas kontrole ihtiyaç duyduğunuzda daha iyidir.
Öğeyi incelemek ve CSS'den renk değerini kopyalamak için tarayıcınızın geliştirici araçlarını kullanın. Herhangi bir formatta (HEX, RGB veya HSL) dönüştürücümüze yapıştırın ve size anında diğer tüm formatlardaki eşdeğer değerleri gösterelim. Renkleri yakalamak için tarayıcı uzantılarını veya ekran görüntüsü renk seçicilerini de kullanabilirsiniz.
Alfa kanalı, 0 (tamamen saydam) ile 1 (tamamen opak) arasındaki değerlerle saydamlığı kontrol eder. RGBA ve HSLA saydam veya yarı saydam renkleri desteklemek için bu dördüncü değeri içerir. Bu, modern web tasarımında kaplamalar, gölgeler ve katmanlı tasarım öğeleri için gereklidir.
Evet! Modern tarayıcılar CSS'de HSL ve HSLA renk formatlarını tamamen destekler. Şeffaflığa sahip renkler için şu sözdizimini kullanın: hsl(360, 100%, 50%) veya hsla(360, 100%, 50%, 0.5). HSL, dinamik temalar için calc() veya CSS özel özelliklerini kullanarak renk varyasyonları oluşturmak için CSS'de özellikle kullanışlıdır.
Üç basamaklı HEX kodları (#RGB), her basamağın iki katına çıkarıldığı kısaltmalardır. Örneğin, #F00, #FF0000 ile eşdeğerdir. Bu kısaltma yalnızca her renk kanalının her iki basamağı da aynı olduğunda çalışır. Hassas renk kontrolü ve steno kalıbına uymayan herhangi bir renk için 6 basamaklı tam formatı (#RRGGBB) kullanın.
RGB, renkleri kırmızı, yeşil ve mavi değerlerle temsil eden genel bir kavramdır. sRGB (standart RGB), cihazlar ve web tarayıcıları arasında tutarlılık için standartlaştırılmış belirli bir RGB renk alanıdır. Çoğu web rengi sRGB'yi varsayar, bu nedenle renkler genellikle farklı ekranlarda ve tarayıcılarda tutarlı görünür.
Renkleri dönüştürdükten sonra, metin erişilebilirliği için kontrast oranlarını kontrol edin. WCAG normal metinler için 4,5:1 ve büyük metinler için 3:1 kontrast gerektirir. Biçimler arasında dönüştürme yaparken renk değerleri aynı kalır, ancak farklı biçimlerde olması erişilebilirliği korurken çeşitli tasarım araçlarında kullanmanıza yardımcı olur.
Evet! Figma, Adobe XD veya Photoshop gibi tasarım yazılımları renkleri genellikle RGB veya HEX olarak görüntüler. Bu değerleri kopyalayın ve kodunuz için gereken formata dönüştürün. Bu, tasarım maketleri ile son uygulama arasında mükemmel renk eşleşmesi sağlar.
Renk formatları arasında dönüştürme yuvarlama içerebilir. HEX tam sayıları (0-255), RGB tam sayıları kullanır, ancak HSL/HSV derece ve yüzdeleri kullanır. Birden çok kez ileri geri dönüştürme yaparken, yuvarlama nedeniyle küçük farklılıklar oluşabilir. Kritik renk eşleştirmesi için sürekli olarak tek bir formatta çalışın.