← lab

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)

H239
S84
L67
A100
R
G
B
A

Ö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 CSS
  • HSL — İnsan gözüne yakın model; tema sistemlerinde ideal
  • CMYK — Baskı ve ofset tasarım
  • Power Apps RGBARGBA(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