ColorTool
Giriş yap
#E7F5F7

#e7f5f7 ≈ Azure

  • camgöbeği
  • Açıklık: çok yüksek
  • Doygunluk: düşük
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#e7f5f7, “camgöbeği” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %90,59 kırmızı, %96,08 yeşil ve %96,86 maviden oluşur; CMYK baskıda %6,48 camgöbeği, %0,81 macenta, %0 sarı ve %3,14 siyah kullanır. Ton açısı 187,5°, HSL’de doygunluğu %50 ve açıklığı %93,73’dir. Soğuk bir renktir ve çoğunlukla ferahlık, teknoloji ve netlik ile ilişkilendirilir. Tasarımcılar onu genellikle sağlık ve esenlik, teknoloji ürünleri ve yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 18,8:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Azure (#f0ffff), ΔE 2,27.

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

Tamamlayıcı

  1. #e7f5f7
  2. #f7e9e7

Bölünmüş tamamlayıcı

  1. #e7f5f7
  2. #f7e7ed
  3. #f7f1e7

Komşu

  1. #e7f7f1
  2. #e7f5f7
  3. #e7edf7

Üçlü

  1. #e7f5f7
  2. #f7e7f5
  3. #f5f7e7

Dörtlü

  1. #e7f5f7
  2. #e9e7f7
  3. #f7e9e7
  4. #f5f7e7

Kare

  1. #e7f5f7
  2. #f1e7f7
  3. #f7e9e7
  4. #edf7e7

Tek renkli

  1. #74c5d1
  2. #aedde4
  3. #e7f5f7
  4. #f0f9fa
  5. #f0f9fa

Koyu tonlar

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

  1. #e7f5f7
  2. #d0ddde
  3. #b9c4c6
  4. #a2acad
  5. #8b9394
  6. #747b7c
  7. #5c6263
  8. #454a4a
  9. #2e3131
  10. #171919
  11. #000000

Açık tonlar

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

  1. #e7f5f7
  2. #e9f6f8
  3. #ecf7f9
  4. #eef8f9
  5. #f1f9fa
  6. #f3fafb
  7. #f5fbfc
  8. #f8fcfd
  9. #fafdfd
  10. #fdfefe
  11. #ffffff

Tonlar

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

  1. #e7f5f7
  2. #dde9eb
  3. #d2dedf
  4. #c8d2d3
  5. #bec6c7
  6. #b4bbbc
  7. #a9afb0
  8. #9fa3a4
  9. #959798
  10. #8a8c8c
  11. #808080

Okunaklı metin 1.12:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 18.8:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #f2f2f2 Erkeklerin ≈ 0.003% kadarı
Akromatomali #eef3f4 Erkeklerin ≈ 0.001% kadarı
Protanopi #f3f4f7 Erkeklerin ≈ 1.01% kadarı
Döteranopi #f0f1f7 Erkeklerin ≈ 1.27% kadarı
Tritanopi #e3f6f6 Erkeklerin ≈ 0.0001% kadarı
Protanomali #eef4f7 Erkeklerin ≈ 1.08% kadarı
Döteranomali #ecf3f7 Erkeklerin ≈ 4.63% kadarı
Tritanomali #e5f6f6 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-e7f5f7 {
  color: #e7f5f7;
}
Arka plan
.bg-e7f5f7 {
  background-color: #e7f5f7;
  color: #000000;
}
Kenarlık
.border-e7f5f7 {
  border: 2px solid #e7f5f7;
}
CSS değişkenleri
:root {
  --color-primary: #e7f5f7;
  --color-primary-rgb: 231 245 247;
  --color-primary-hsl: 188 50% 94%;
}
Geçiş
.gradient-e7f5f7 {
  background: linear-gradient(135deg, #e7f5f7, #e7edf7);
}
Renkli gölge
.shadow-e7f5f7 {
  box-shadow: 0 8px 24px rgb(231 245 247 / 0.35);
}

#f0ffff Azure ΔE 2.27 #f5fffa Mint Cream ΔE 4.05 #f0f8ff Alice Blue ΔE 4.13 #f5f5f5 White Smoke ΔE 5.94 #e0ffff Light Cyan ΔE 5.96 #ffffff White ΔE 6.45 #e5e4e2 Platinum ΔE 7.07 #180a08 Ters renk #f2f2f2 Gri tonlama 

Azure
#e7f5f7  rgb(231, 245, 247)  hsl(188, 50%, 94%)  Azure
#f7e9e7  rgb(247, 233, 231)  hsl(8, 50%, 94%)  Lavender Blush
#f7e7f5  rgb(247, 231, 245)  hsl(308, 50%, 94%)  Lavender Blush
#f5f7e7  rgb(245, 247, 231)  hsl(68, 50%, 94%)  Ivory