ColorTool
Giriş yap
#F2EFDA

#f2efda ≈ Eggshell

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

#f2efda, “sarı” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %94,9 kırmızı, %93,73 yeşil ve %85,49 maviden oluşur; CMYK baskıda %0 camgöbeği, %1,24 macenta, %9,92 sarı ve %5,1 siyah kullanır. Ton açısı 52,5°, HSL’de doygunluğu %48 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,13:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Eggshell (#f0ead6), ΔE 1,79.

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.8567

Tamamlayıcı

  1. #f2efda
  2. #daddf2

Bölünmüş tamamlayıcı

  1. #f2efda
  2. #dae9f2
  3. #e3daf2

Komşu

  1. #f2e3da
  2. #f2efda
  3. #e9f2da

Üçlü

  1. #f2efda
  2. #daf2ef
  3. #efdaf2

Dörtlü

  1. #f2efda
  2. #ddf2da
  3. #daddf2
  4. #efdaf2

Kare

  1. #f2efda
  2. #daf2e3
  3. #daddf2
  4. #f2dae9

Tek renkli

  1. #cabe69
  2. #ded7a1
  3. #f2efda
  4. #faf8f0
  5. #faf8f0

Koyu tonlar

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

  1. #f2efda
  2. #dad7c4
  3. #c2bfae
  4. #a9a799
  5. #918f83
  6. #79786d
  7. #616057
  8. #494841
  9. #30302c
  10. #181816
  11. #000000

Açık tonlar

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

  1. #f2efda
  2. #f3f1de
  3. #f5f2e1
  4. #f6f4e5
  5. #f7f5e9
  6. #f9f7ed
  7. #faf9f0
  8. #fbfaf4
  9. #fcfcf8
  10. #fefdfb
  11. #ffffff

Tonlar

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

  1. #f2efda
  2. #e7e4d1
  3. #dbd9c8
  4. #d0cebf
  5. #c4c3b6
  6. #b9b8ad
  7. #aeaca4
  8. #a2a19b
  9. #979692
  10. #8b8b89
  11. #808080

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

Akromatopsi #eeeeee Erkeklerin ≈ 0.003% kadarı
Akromatomali #f0efe6 Erkeklerin ≈ 0.001% kadarı
Protanopi #f3edd9 Erkeklerin ≈ 1.01% kadarı
Döteranopi #f5efdb Erkeklerin ≈ 1.27% kadarı
Tritanopi #f6ece9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #f3eed9 Erkeklerin ≈ 1.08% kadarı
Döteranomali #f4efda Erkeklerin ≈ 4.63% kadarı
Tritanomali #f5ede3 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f2efda {
  color: #f2efda;
}
Arka plan
.bg-f2efda {
  background-color: #f2efda;
  color: #000000;
}
Kenarlık
.border-f2efda {
  border: 2px solid #f2efda;
}
CSS değişkenleri
:root {
  --color-primary: #f2efda;
  --color-primary-rgb: 242 239 218;
  --color-primary-hsl: 53 48% 90%;
}
Geçiş
.gradient-f2efda {
  background: linear-gradient(135deg, #f2efda, #e9f2da);
}
Renkli gölge
.shadow-f2efda {
  box-shadow: 0 8px 24px rgb(242 239 218 / 0.35);
}

#f0ead6 Eggshell ΔE 1.79 #f5f5dc Beige ΔE 2.32 #fff8dc Cornsilk ΔE 3.21 #fff8e7 Cosmic Latte ΔE 3.46 #fffff0 Ivory ΔE 4.04 #fdf5e6 Old Lace ΔE 4.13 #eae0c8 Pearl ΔE 4.34 #0d1025 Ters renk #eeeeee Gri tonlama 

Eggshell
#f2efda  rgb(242, 239, 218)  hsl(53, 48%, 90%)  Eggshell
#daddf2  rgb(218, 221, 242)  hsl(233, 48%, 90%)  Lavender
#daf2ef  rgb(218, 242, 239)  hsl(173, 48%, 90%)  Light Cyan
#efdaf2  rgb(239, 218, 242)  hsl(293, 48%, 90%)  Languid Lavender