#E2B6D8 renk kodu içgörüleri

Güvenle tasarım yapmanız için ihtiyacınız olan tüm dönüşümler, uyumlar ve erişilebilirlik kontrolleri.

RGB:rgb(226, 182, 216)
HSL:hsl(314, 43%, 80%)
HEX
#E2B6D8
RGB
226, 182, 216
HSL
314°, 43%, 80%
HSV
314°, 19%, 89%
CMYK
0%, 19%, 4%, 11%

Renk Dönüşümü

Birden fazla renk modelindeki değerleri tek bir yerde oluşturun.

#E2B6D8

≈ Çelik Mavi

Referans renk kartları

Daha düşük ΔE, daha yakın görsel eşleşme anlamına gelir

Tonlar ve gölgeler

#E2B6D8 renginin beyaz veya siyahla karıştırıldığında nasıl davrandığını keşfedin. Bu renk örnekleri, üzerine gelme durumları (hover), gölgeler ve arka planlar için mükemmeldir.

Herhangi bir hex değerini kopyalamak ve arayüzünüzde yeniden kullanmak için üzerine gelin.

Gölgeler

0–100%
0%#E2B6D8
10%#D699C8
20%#CB7CB8
30%#BF5FA9
40%#AF4696
50%#923A7D
60%#752F64
70%#58234B
80%#3A1732
90%#1D0C19
100%#000000

Tonlar

0–100%
0%#E2B6D8
10%#E5BDDC
20%#E8C5E0
30%#EBCCE3
40%#EED3E7
50%#F0DBEB
60%#F3E2EF
70%#F6E9F3
80%#F9F0F7
90%#FCF8FB
100%#FFFFFF

Yaygın kullanım durumları

  • Kullanıcı arayüzü bileşen durumları (üzerine gelme, aktif, devre dışı)
  • Gölgeler ve vurgularla derinlik oluşturma
  • Tutarlı renk sistemleri oluşturma

Tasarım sistemi

Tasarım sistemi ipucu

Bu varyasyonlar, uyumlu bir paletin temelini oluşturur. Pazarlama, ürün ve mühendisliği uyumlu tutmak için bunları dışa aktarın.

Paleti dışa aktar

Renk uyumları

#E2B6D8 renginden oluşturulan uyumlarla anında dengeli paletler oluşturun.

Kendi detay sayfasını açmak ve keşfetmeye devam etmek için herhangi bir renk örneğine tıklayın.

Nasıl kullanılır

Bir baskın renk seçin, ardından destekleyici tonların tipografi, yüzeyler ve harekete geçirici düğmeler için vurgu görevi görmesine izin verin.

Neden önemlidir

Dengeli uyumlar, düzeninizi boğmadan niyeti (sakin, enerjik, premium) iletir.

Tamamlayıcı

Etki ve cesur kontrast yaratan zıt tonlar.

En iyisi

Yüksek etkili Harekete Geçirici Mesajlar (CTA), logolar ve kahraman bölümleri

Benzer

Doğal, akıcı gradyanlar için komşu tonlar.

En iyisi

Doğadan ilham alan, sakinleştirici kontrol panelleri

Üçlü

Oyunbaz denge için eşit aralıklı üç ton.

En iyisi

Oyunbaz markalama ve editoryal düzenler

Dörtlü

Zengin çeşitlilik sunan iki tamamlayıcı çift.

En iyisi

İllüstrasyonlar ve pazarlama deneyleri

Tek renkli

Aynı ton ailesi içindeki daha açık ve daha koyu kardeşler.

En iyisi

Minimalist arayüzler ve premium kullanıcı arayüzü durumları

Erişilebilirlik kontrastı

Her ziyaretçinin net bir deneyim yaşamasını sağlamak için #E2B6D8 renginin yaygın metin renkleriyle ne kadar okunabilir olduğunu kontrol edin.

Gövde metni için AA'yı temel, premium erişilebilirlik için ise AAA'yı kullanın.

siyah metin üzerinde örnek metin
Metin rengi#000000
Arka plan#E2B6D8
Kontrast oranı11.92:1
WCAG seviyesiAAA
beyaz metin üzerinde örnek metin
Metin rengi#FFFFFF
Arka plan#E2B6D8
Kontrast oranı1.76:1
WCAG seviyesiFail
Önerilen metin önizlemesi
Metin rengi#000000
Arka plan#E2B6D8
Kontrast oranı11.92:1
WCAG seviyesiAAA

Teknik Formatlar

XYZ, LAB, CMYK varyantları gibi profesyonel renk uzaylarının ve dışa aktarmaya hazır profillerin kilidini açın.

Ücretsiz kaydolun

Pratik Formatlar

Baskı simülasyonları, LED eşlemeleri ve geliştiriciye hazır bayt sıralamaları edinin.

Ücretsiz kaydolun

Renk Analizi

Spektral verilere, baskınlık raporlarına ve gelişmiş analitiklere dalın.

Ücretsiz kaydolun

Renk Körlüğü Simülatörü

#E2B6D8 renginin yaygın renk görme eksikliklerinde nasıl göründüğünü önizleyin.

Ücretsiz kaydolun

Yaratıcı Yönler

Mevsimsel çağrışımları, duygusal ipuçlarını ve doğal oluşumları keşfedin.

Ücretsiz kaydolun

Tasarım rehberliği

Denge

#E2B6D8 rengini bir vurgu olarak ele alın. Görsel aşırı yüklenmeyi önlemek için nötr renkler ve bir destekleyici tonla eşleştirin.

Kontrast

Kombinasyonları gerçek içerikle test edin. Daha yüksek kontrast, taramayı, okunabilirliği ve dönüşümleri iyileştirir.

Uyum

Yüzeyler için daha açık tonları, birincil renkler için ana rengi ve üzerine gelme veya basılı durumlar için daha koyu gölgeleri kullanın.

Başka bir renge mi ihtiyacınız var?

Görüntü yüklemek, paletler oluşturmak ve yeni renk ilişkilerini keşfetmek için renk seçiciye geri dönün.

Renk seçiciyi aç