#404040 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.
Renk Dönüşümü
Birden fazla renk modelindeki değerleri tek bir yerde oluşturun.
#404040
≈≈ Çelik Mavi
Referans renk kartları
Daha düşük ΔE, daha yakın görsel eşleşme anlamına gelir
Tonlar ve gölgeler
#404040 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%Tonlar
0–100%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.
Renk uyumları
#404040 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
Erişilebilirlik kontrastı
Her ziyaretçinin net bir deneyim yaşamasını sağlamak için #404040 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.
Teknik Formatlar
XYZ, LAB, CMYK varyantları gibi profesyonel renk uzaylarının ve dışa aktarmaya hazır profillerin kilidini açın.
Pratik Formatlar
Baskı simülasyonları, LED eşlemeleri ve geliştiriciye hazır bayt sıralamaları edinin.
Renk Analizi
Spektral verilere, baskınlık raporlarına ve gelişmiş analitiklere dalın.
Renk Körlüğü Simülatörü
#404040 renginin yaygın renk görme eksikliklerinde nasıl göründüğünü önizleyin.
Yaratıcı Yönler
Mevsimsel çağrışımları, duygusal ipuçlarını ve doğal oluşumları keşfedin.
Tasarım rehberliği
Denge
#404040 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ç