ColorTool
Giriş yap
#F5EED7

#f5eed7 ≈ Eggshell

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

#f5eed7, “sarı” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %96,08 kırmızı, %93,33 yeşil ve %84,31 maviden oluşur; CMYK baskıda %0 camgöbeği, %2,86 macenta, %12,24 sarı ve %3,92 siyah kullanır. Ton açısı 46°, HSL’de doygunluğu %60 ve açıklığı %90,2’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 yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 18,09:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Eggshell (#f0ead6), ΔE 1,34.

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

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

Tamamlayıcı

  1. #f5eed7
  2. #d7def5

Bölünmüş tamamlayıcı

  1. #f5eed7
  2. #d7edf5
  3. #dfd7f5

Komşu

  1. #f5dfd7
  2. #f5eed7
  3. #edf5d7

Üçlü

  1. #f5eed7
  2. #d7f5ee
  3. #eed7f5

Dörtlü

  1. #f5eed7
  2. #def5d7
  3. #d7def5
  4. #eed7f5

Kare

  1. #f5eed7
  2. #d7f5df
  3. #d7def5
  4. #f5d7ed

Tek renkli

  1. #d6ba5d
  2. #e6d49a
  3. #f5eed7
  4. #fbf8ef
  5. #fbf8ef

Koyu tonlar

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

  1. #f5eed7
  2. #ddd6c2
  3. #c4beac
  4. #aca797
  5. #938f81
  6. #7b776c
  7. #625f56
  8. #4a4741
  9. #31302b
  10. #191816
  11. #000000

Açık tonlar

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

  1. #f5eed7
  2. #f6f0db
  3. #f7f1df
  4. #f8f3e3
  5. #f9f5e7
  6. #faf7eb
  7. #fbf8ef
  8. #fcfaf3
  9. #fdfcf7
  10. #fefdfb
  11. #ffffff

Tonlar

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

  1. #f5eed7
  2. #e9e3ce
  3. #ded8c6
  4. #d2cdbd
  5. #c6c2b4
  6. #bbb7ac
  7. #afaca3
  8. #a3a19a
  9. #979691
  10. #8c8b89
  11. #808080

Okunaklı metin 1.16:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 18.09:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #eeeeee Erkeklerin ≈ 0.003% kadarı
Akromatomali #f1eee5 Erkeklerin ≈ 0.001% kadarı
Protanopi #f3edd6 Erkeklerin ≈ 1.01% kadarı
Döteranopi #f5efd8 Erkeklerin ≈ 1.27% kadarı
Tritanopi #faeae7 Erkeklerin ≈ 0.0001% kadarı
Protanomali #f4edd6 Erkeklerin ≈ 1.08% kadarı
Döteranomali #f5efd7 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f8ece1 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f5eed7 {
  color: #f5eed7;
}
Arka plan
.bg-f5eed7 {
  background-color: #f5eed7;
  color: #000000;
}
Kenarlık
.border-f5eed7 {
  border: 2px solid #f5eed7;
}
CSS değişkenleri
:root {
  --color-primary: #f5eed7;
  --color-primary-rgb: 245 238 215;
  --color-primary-hsl: 46 60% 90%;
}
Geçiş
.gradient-f5eed7 {
  background: linear-gradient(135deg, #f5eed7, #edf5d7);
}
Renkli gölge
.shadow-f5eed7 {
  box-shadow: 0 8px 24px rgb(245 238 215 / 0.35);
}

#f0ead6 Eggshell ΔE 1.34 #fff8dc Cornsilk ΔE 2.60 #fff8e7 Cosmic Latte ΔE 3.15 #eae0c8 Pearl ΔE 3.21 #f5f5dc Beige ΔE 3.53 #fdf5e6 Old Lace ΔE 3.69 #ffefd5 Papaya Whip ΔE 3.89 #0a1128 Ters renk #eeeeee Gri tonlama 

Eggshell
#f5eed7  rgb(245, 238, 215)  hsl(46, 60%, 90%)  Eggshell
#d7def5  rgb(215, 222, 245)  hsl(226, 60%, 90%)  Lavender
#d7f5ee  rgb(215, 245, 238)  hsl(166, 60%, 90%)  Light Cyan
#eed7f5  rgb(238, 215, 245)  hsl(286, 60%, 90%)  Thistle