#827ECD 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(130, 126, 205)
HSL:hsl(243, 44%, 65%)
HEX
#827ECD
RGB
130, 126, 205
HSL
243°, 44%, 65%
HSV
243°, 39%, 80%
CMYK
37%, 39%, 0%, 20%

Renk Dönüşümü

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

#827ECD

≈ Çelik Mavi

Referans renk kartları

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

Tonlar ve gölgeler

#827ECD 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%#827ECD
10%#6B67C4
20%#544FBA
30%#4641A7
40%#3C388F
50%#322E77
60%#28255F
70%#1E1C48
80%#141330
90%#0A0918
100%#000000

Tonlar

0–100%
0%#827ECD
10%#8F8BD2
20%#9B98D7
30%#A8A5DC
40%#B4B2E1
50%#C1BFE6
60%#CDCCEB
70%#DAD8F0
80%#E6E5F5
90%#F3F2FA
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ı

#827ECD 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 #827ECD 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#827ECD
Kontrast oranı5.82:1
WCAG seviyesiAA
beyaz metin üzerinde örnek metin
Metin rengi#FFFFFF
Arka plan#827ECD
Kontrast oranı3.61:1
WCAG seviyesiFail
Önerilen metin önizlemesi
Metin rengi#000000
Arka plan#827ECD
Kontrast oranı5.82:1
WCAG seviyesiAA

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ü

#827ECD 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

#827ECD 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ç