#EEEDF8 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(238, 237, 248)
HSL:hsl(245, 44%, 95%)
HEX
#EEEDF8
RGB
238, 237, 248
HSL
245°, 44%, 95%
HSV
245°, 4%, 97%
CMYK
4%, 4%, 0%, 3%

Renk Dönüşümü

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

#EEEDF8

≈ Çelik Mavi

Referans renk kartları

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

Tonlar ve gölgeler

#EEEDF8 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%#EEEDF8
10%#CCCAEA
20%#ABA7DD
30%#8A84CF
40%#6961C2
50%#4D44AE
60%#3D368C
70%#2E2969
80%#1F1B46
90%#0F0E23
100%#000000

Tonlar

0–100%
0%#EEEDF8
10%#EFEEF9
20%#F1F0F9
30%#F3F2FA
40%#F5F4FB
50%#F6F6FB
60%#F8F8FC
70%#FAF9FD
80%#FCFBFE
90%#FDFDFE
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ı

#EEEDF8 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 #EEEDF8 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#EEEDF8
Kontrast oranı18.10:1
WCAG seviyesiAAA
beyaz metin üzerinde örnek metin
Metin rengi#FFFFFF
Arka plan#EEEDF8
Kontrast oranı1.16:1
WCAG seviyesiFail
Önerilen metin önizlemesi
Metin rengi#000000
Arka plan#EEEDF8
Kontrast oranı18.10: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ü

#EEEDF8 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

#EEEDF8 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ç