#91CC7F 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(145, 204, 127)
HSL:hsl(106, 43%, 65%)
HEX
#91CC7F
RGB
145, 204, 127
HSL
106°, 43%, 65%
HSV
106°, 38%, 80%
CMYK
29%, 0%, 38%, 20%

Renk Dönüşümü

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

#91CC7F

≈ Çelik Mavi

Referans renk kartları

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

Tonlar ve gölgeler

#91CC7F 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%#91CC7F
10%#7DC368
20%#69B950
30%#59A642
40%#4D8E39
50%#40772F
60%#335F26
70%#26471C
80%#1A2F13
90%#0D1809
100%#000000

Tonlar

0–100%
0%#91CC7F
10%#9CD18C
20%#A7D699
30%#B2DBA6
40%#BDE0B2
50%#C8E6BF
60%#D3EBCC
70%#DEF0D9
80%#E9F5E5
90%#F4FAF2
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ı

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

#91CC7F 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

#91CC7F 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ç