ColorTool
Giriş yap
#E5ED56

#e5ed56 ≈ Pear

  • sarı
  • Açıklık: yüksek
  • Doygunluk: güçlü
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#e5ed56, “sarı” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %89,8 kırmızı, %92,94 yeşil ve %33,73 maviden oluşur; CMYK baskıda %3,38 camgöbeği, %0 macenta, %63,71 sarı ve %7,06 siyah kullanır. Ton açısı 63,18°, HSL’de doygunluğu %80,75 ve açıklığı %63,33’dir. Sıcak bir renktir ve çoğunlukla iyimserlik, dikkat ve neşe ile ilişkilendirilir. Tasarımcılar onu genellikle vurgular ve uyarılar, çocuk ürünleri ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 16,58:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Pear (#d1e231), ΔE 3,68.

Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.

HEX
RGB
Yüzde olarak RGB
CMY
CMYK
HSL
HSV / HSB
Web güvenli#ccff66
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
İkili
Ondalık
Göreli parlaklık0.779

Tamamlayıcı

  1. #e5ed56
  2. #5e56ed

Bölünmüş tamamlayıcı

  1. #e5ed56
  2. #5699ed
  3. #a956ed

Komşu

  1. #eda956
  2. #e5ed56
  3. #99ed56

Üçlü

  1. #e5ed56
  2. #56e5ed
  3. #ed56e5

Dörtlü

  1. #e5ed56
  2. #56ed5e
  3. #5e56ed
  4. #ed56e5

Kare

  1. #e5ed56
  2. #56eda9
  3. #5e56ed
  4. #ed5699

Tek renkli

  1. #929a10
  2. #d4df18
  3. #e5ed56
  4. #f0f49b
  5. #fafce0

Koyu tonlar

#e5ed56 kademeli olarak siyahla karıştırıldı.

  1. #e5ed56
  2. #ced54d
  3. #b7be45
  4. #a0a63c
  5. #898e34
  6. #73772b
  7. #5c5f22
  8. #45471a
  9. #2e2f11
  10. #171809
  11. #000000

Açık tonlar

#e5ed56 kademeli olarak beyazla karıştırıldı.

  1. #e5ed56
  2. #e8ef67
  3. #eaf178
  4. #edf289
  5. #eff49a
  6. #f2f6ab
  7. #f5f8bb
  8. #f7facc
  9. #fafbdd
  10. #fcfdee
  11. #ffffff

Tonlar

#e5ed56 kademeli olarak griyle karıştırıldı.

  1. #e5ed56
  2. #dbe25a
  3. #d1d75e
  4. #c7cc63
  5. #bdc167
  6. #b3b76b
  7. #a8ac6f
  8. #9ea173
  9. #949678
  10. #8a8b7c
  11. #808080

Okunaklı metin 1.27:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 16.58:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #e4e4e4 Erkeklerin ≈ 0.003% kadarı
Akromatomali #e5e8bc Erkeklerin ≈ 0.001% kadarı
Protanopi #fee342 Erkeklerin ≈ 1.01% kadarı
Döteranopi #fee660 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f4dfce Erkeklerin ≈ 0.0001% kadarı
Protanomali #f4e74b Erkeklerin ≈ 1.08% kadarı
Döteranomali #f5e95c Erkeklerin ≈ 4.63% kadarı
Tritanomali #eee5ab Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-e5ed56 {
  color: #e5ed56;
}
Arka plan
.bg-e5ed56 {
  background-color: #e5ed56;
  color: #000000;
}
Kenarlık
.border-e5ed56 {
  border: 2px solid #e5ed56;
}
CSS değişkenleri
:root {
  --color-primary: #e5ed56;
  --color-primary-rgb: 229 237 86;
  --color-primary-hsl: 63 81% 63%;
}
Geçiş
.gradient-e5ed56 {
  background: linear-gradient(135deg, #e5ed56, #99ed56);
}
Renkli gölge
.shadow-e5ed56 {
  box-shadow: 0 8px 24px rgb(229 237 86 / 0.35);
}

#d1e231 Pear ΔE 3.68 #fcf75e Icterine ΔE 3.91 #ffff66 Laser Lemon ΔE 4.40 #eee600 Titanium Yellow ΔE 5.92 #ffff31 Daffodil ΔE 6.06 #e3ff00 Lemon Lime ΔE 6.14 #f0e130 Dandelion ΔE 6.25 #1a12a9 Ters renk #e4e4e4 Gri tonlama 

Pear
#e5ed56  rgb(229, 237, 86)  hsl(63, 81%, 63%)  Pear
#5e56ed  rgb(94, 86, 237)  hsl(243, 81%, 63%)  Majorelle Blue
#56e5ed  rgb(86, 229, 237)  hsl(183, 81%, 63%)  Electric Blue
#ed56e5  rgb(237, 86, 229)  hsl(303, 81%, 63%)  Orchid