ColorTool
Giriş yap
#EBD677

#ebd677 ≈ Buff

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

#ebd677, “sarı” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %92,16 kırmızı, %83,92 yeşil ve %46,67 maviden oluşur; CMYK baskıda %0 camgöbeği, %8,94 macenta, %49,36 sarı ve %7,84 siyah kullanır. Ton açısı 49,14°, HSL’de doygunluğu %74,36 ve açıklığı %69,41’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 marka vurguları için kullanır. Bu renk üzerinde siyah metin 14,42:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Buff (#f0dc82), ΔE 1,61.

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

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

Tamamlayıcı

  1. #ebd677
  2. #778ceb

Bölünmüş tamamlayıcı

  1. #ebd677
  2. #77c6eb
  3. #9c77eb

Komşu

  1. #eb9c77
  2. #ebd677
  3. #c6eb77

Üçlü

  1. #ebd677
  2. #77ebd6
  3. #d677eb

Dörtlü

  1. #ebd677
  2. #8ceb77
  3. #778ceb
  4. #d677eb

Kare

  1. #ebd677
  2. #77eb9c
  3. #778ceb
  4. #eb77c6

Tek renkli

  1. #af941a
  2. #e1c234
  3. #ebd677
  4. #f5eaba
  5. #fcfaed

Koyu tonlar

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

  1. #ebd677
  2. #d4c16b
  3. #bcab5f
  4. #a59653
  5. #8d8047
  6. #766b3c
  7. #5e5630
  8. #474024
  9. #2f2b18
  10. #18150c
  11. #000000

Açık tonlar

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

  1. #ebd677
  2. #edda85
  3. #efde92
  4. #f1e2a0
  5. #f3e6ad
  6. #f5ebbb
  7. #f7efc9
  8. #f9f3d6
  9. #fbf7e4
  10. #fdfbf1
  11. #ffffff

Tonlar

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

  1. #ebd677
  2. #e0cd78
  3. #d6c579
  4. #cbbc7a
  5. #c0b47b
  6. #b6ab7c
  7. #aba27c
  8. #a09a7d
  9. #95917e
  10. #8b897f
  11. #808080

Okunaklı metin 1.46:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 14.42:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d6d6d6 Erkeklerin ≈ 0.003% kadarı
Akromatomali #dfd6b7 Erkeklerin ≈ 0.001% kadarı
Protanopi #e7d26f Erkeklerin ≈ 1.01% kadarı
Döteranopi #ecd97b Erkeklerin ≈ 1.27% kadarı
Tritanopi #facac0 Erkeklerin ≈ 0.0001% kadarı
Protanomali #e8d372 Erkeklerin ≈ 1.08% kadarı
Döteranomali #ecd879 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f4cfa7 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ebd677 {
  color: #ebd677;
}
Arka plan
.bg-ebd677 {
  background-color: #ebd677;
  color: #000000;
}
Kenarlık
.border-ebd677 {
  border: 2px solid #ebd677;
}
CSS değişkenleri
:root {
  --color-primary: #ebd677;
  --color-primary-rgb: 235 214 119;
  --color-primary-hsl: 49 74% 69%;
}
Geçiş
.gradient-ebd677 {
  background: linear-gradient(135deg, #ebd677, #c6eb77);
}
Renkli gölge
.shadow-ebd677 {
  box-shadow: 0 8px 24px rgb(235 214 119 / 0.35);
}

#f0dc82 Buff ΔE 1.61 #eedc82 Flax ΔE 1.72 #f8de7e Jasmine ΔE 2.43 #e4d96f Straw ΔE 3.18 #f0e68c Khaki ΔE 4.51 #fada5e Naples Yellow ΔE 4.66 #ffdb58 Mustard ΔE 5.84 #142988 Ters renk #d6d6d6 Gri tonlama 

Buff
#ebd677  rgb(235, 214, 119)  hsl(49, 74%, 69%)  Buff
#778ceb  rgb(119, 140, 235)  hsl(229, 74%, 69%)  Cornflower Blue
#77ebd6  rgb(119, 235, 214)  hsl(169, 74%, 69%)  Turquoise
#d677eb  rgb(214, 119, 235)  hsl(289, 74%, 69%)  Heliotrope