Renk Seçici
Tasarım sürecinin tam ortasında, doğru rengi bulmak hem yaratıcı hem de teknik bir ihtiyaç. Bu araç, günlük tasarım ve geliştirme iş akışında ihtiyaç duyabileceğiniz her renk işlemini tek bir yerde topluyor.
#6366F1
rgba(99, 102, 241, 1)
Özellikler
Ekrandan Renk Alma (EyeDropper API)
Tarayıcınızın herhangi bir pikselinden renk örnekleyin. Bir web sitesindeki, uygulama arayüzündeki veya ekranda açık herhangi bir görüntüdeki renge anında ulaşın. Chromium tabanlı tarayıcılarda (Chrome, Edge) desteklenir.
Çoklu Format Desteği
Seçtiğiniz rengi altı farklı formatta tek tıkla kopyalayın:
HEX— Web geliştirme standardıRGB— CSS ve ekran tasarımıRGBA— Saydamlık destekli CSSHSL— İnsan gözüne yakın model; tema sistemlerinde idealCMYK— Baskı ve ofset tasarımPower Apps RGBA—RGBA(r, g, b, a)sözdizimi, Canvas App'lerde doğrudan kullanılır
Renk Harmonisi
Seçtiğiniz renkten altı farklı harmoni kuralına göre palet üretin:
- Tamamlayıcı: Zıt, güçlü kontrast yaratır
- Üçlü: 120° aralıklı dengeli üçlü
- Benzer: Komşu tonlar; doğal, uyumlu geçişler
- Bölünmüş: İki tamamlayıcı + ana renk; dinamik ama dengeli
- Dörtlü: Dört köşeli, zengin palet
- Monokrom: Aynı tonun farklı açıklık seviyeleri
Tasarım Temaları
Hazır kuratoryal paletler: Ocean Breeze, Sunset Glow, Forest Calm, Lavender Mist, Neon Studio, Warm Paper, Power Apps ve Monochrome. Her tema doğrudan seçime aktarılabilir.
WCAG Kontrast Analizi
Seçilen renk üzerinde beyaz ve siyah metin için WCAG 2.1 kontrast oranını hesaplar. AA, AAA ve Large seviyelerini gösterir; dijital erişilebilirlik standartlarına uyumu anlık kontrol edin.
Renk Geçmişi
Son 12 seçim otomatik kaydedilir. Oturum içinde önceki renklere tek tıkla geri dönün.
Kullanım İpuçları
- Power Apps Canvas uygulamalarında renk tanımlamak için RGBA formatını kullanın
- Marka kılavuzunuzu oluştururken Monokrom harmoniyle ton skalası türetin
- Baskı projesine başlamadan önce Kontrast sekmesinden renginizin okunabilirliğini doğrulayın
- EyeDropper ile rakip ürünlerin renklerini saniyeler içinde analiz edin