ColorTool
Giriş yap
#ECEAF0

#eceaf0 ≈ Ghost White

  • gri
  • Açıklık: çok yüksek
  • Doygunluk: düşük
  • Nötr
Kontrastı denetle Grafikte keşfet Rastgele renk

#eceaf0, “gri” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %92,55 kırmızı, %91,76 yeşil ve %94,12 maviden oluşur; CMYK baskıda %1,67 camgöbeği, %2,5 macenta, %0 sarı ve %5,88 siyah kullanır. Ton açısı 260°, HSL’de doygunluğu %16,67 ve açıklığı %92,94’dir. Nötr bir renktir ve çoğunlukla tarafsızlık, denge ve profesyonellik ile ilişkilendirilir. Tasarımcılar onu genellikle gövde metni ve tipografi, kurumsal kimlikler ve arka planlar ve geniş yüzeyler için kullanır. Bu renk üzerinde siyah metin 17,59:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Ghost White (#f8f8ff), ΔE 3.

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

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

Tamamlayıcı

  1. #eceaf0
  2. #eef0ea

Bölünmüş tamamlayıcı

  1. #eceaf0
  2. #f0efea
  3. #ebf0ea

Komşu

  1. #eaebf0
  2. #eceaf0
  3. #efeaf0

Üçlü

  1. #eceaf0
  2. #f0ecea
  3. #eaf0ec

Dörtlü

  1. #eceaf0
  2. #f0eaee
  3. #eef0ea
  4. #eaf0ec

Kare

  1. #eceaf0
  2. #f0eaeb
  3. #eef0ea
  4. #eaf0ef

Tek renkli

  1. #9b91b0
  2. #c4bdd0
  3. #eceaf0
  4. #f4f3f7
  5. #f4f3f7

Koyu tonlar

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

  1. #eceaf0
  2. #d4d3d8
  3. #bdbbc0
  4. #a5a4a8
  5. #8e8c90
  6. #767578
  7. #5e5e60
  8. #474648
  9. #2f2f30
  10. #181718
  11. #000000

Açık tonlar

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

  1. #eceaf0
  2. #eeecf2
  3. #f0eef3
  4. #f2f0f5
  5. #f4f2f6
  6. #f6f5f8
  7. #f7f7f9
  8. #f9f9fb
  9. #fbfbfc
  10. #fdfdfe
  11. #ffffff

Tonlar

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

  1. #eceaf0
  2. #e1dfe5
  3. #d6d5da
  4. #cccace
  5. #c1c0c3
  6. #b6b5b8
  7. #abaaad
  8. #a0a0a2
  9. #969596
  10. #8b8b8b
  11. #808080

Okunaklı metin 1.19:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 17.59:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #ebebeb Erkeklerin ≈ 0.003% kadarı
Akromatomali #ebebed Erkeklerin ≈ 0.001% kadarı
Protanopi #e9ebf0 Erkeklerin ≈ 1.01% kadarı
Döteranopi #e9ebf0 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ebebec Erkeklerin ≈ 0.0001% kadarı
Protanomali #eaebf0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #eaebf0 Erkeklerin ≈ 4.63% kadarı
Tritanomali #eceaee Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-eceaf0 {
  color: #eceaf0;
}
Arka plan
.bg-eceaf0 {
  background-color: #eceaf0;
  color: #000000;
}
Kenarlık
.border-eceaf0 {
  border: 2px solid #eceaf0;
}
CSS değişkenleri
:root {
  --color-primary: #eceaf0;
  --color-primary-rgb: 236 234 240;
  --color-primary-hsl: 260 17% 93%;
}
Geçiş
.gradient-eceaf0 {
  background: linear-gradient(135deg, #eceaf0, #efeaf0);
}
Renkli gölge
.shadow-eceaf0 {
  box-shadow: 0 8px 24px rgb(236 234 240 / 0.35);
}

#f8f8ff Ghost White ΔE 3.00 #f8f4ff Magnolia ΔE 3.40 #f5f5f5 White Smoke ΔE 4.04 #fffafa Snow ΔE 4.51 #e5e4e2 Platinum ΔE 4.59 #dcdcdc Gainsboro ΔE 4.75 #f4f0ec Isabelline ΔE 5.18 #13150f Ters renk #ebebeb Gri tonlama 

Ghost White
#eceaf0  rgb(236, 234, 240)  hsl(260, 17%, 93%)  Ghost White
#eef0ea  rgb(238, 240, 234)  hsl(80, 17%, 93%)  Isabelline
#f0ecea  rgb(240, 236, 234)  hsl(20, 17%, 93%)  Isabelline
#eaf0ec  rgb(234, 240, 236)  hsl(140, 17%, 93%)  Mint Cream