ColorTool
Giriş yap
#F4FFF5

#f4fff5 ≈ Mint Cream

  • yeşil
  • Açıklık: çok yüksek
  • Doygunluk: düşük
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#f4fff5, “yeşil” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %95,69 kırmızı, %100 yeşil ve %96,08 maviden oluşur; CMYK baskıda %4,31 camgöbeği, %0 macenta, %3,92 sarı ve %0 siyah kullanır. Ton açısı 125,45°, HSL’de doygunluğu %100 ve açıklığı %97,84’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla doğa, sağlık ve denge ile ilişkilendirilir. Tasarımcılar onu genellikle çevre dostu markalar, sağlık ve esenlik ve yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 20,47:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Mint Cream (#f5fffa), ΔE 2,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.9735

Tamamlayıcı

  1. #f4fff5
  2. #fff4fe

Bölünmüş tamamlayıcı

  1. #f4fff5
  2. #faf4ff
  3. #fff4f8

Komşu

  1. #f8fff4
  2. #f4fff5
  3. #f4fffa

Üçlü

  1. #f4fff5
  2. #f5f4ff
  3. #fff5f4

Dörtlü

  1. #f4fff5
  2. #f4feff
  3. #fff4fe
  4. #fff5f4

Kare

  1. #f4fff5
  2. #f4f8ff
  3. #fff4fe
  4. #fffaf4

Tek renkli

  1. #5bff6a
  2. #a7ffaf
  3. #f4fff5
  4. #ebffec
  5. #ebffec

Koyu tonlar

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

  1. #f4fff5
  2. #dce6dd
  3. #c3ccc4
  4. #abb3ac
  5. #929993
  6. #7a807b
  7. #626662
  8. #494d4a
  9. #313331
  10. #181a19
  11. #000000

Açık tonlar

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

  1. #f4fff5
  2. #f5fff6
  3. #f6fff7
  4. #f7fff8
  5. #f8fff9
  6. #fafffa
  7. #fbfffb
  8. #fcfffc
  9. #fdfffd
  10. #fefffe
  11. #ffffff

Tonlar

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

  1. #f4fff5
  2. #e8f2e9
  3. #dde6de
  4. #d1d9d2
  5. #c6ccc6
  6. #bac0bb
  7. #aeb3af
  8. #a3a6a3
  9. #979997
  10. #8c8d8c
  11. #808080

Okunaklı metin 1.03:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 20.47:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #fcfcfc Erkeklerin ≈ 0.003% kadarı
Akromatomali #f9fdf9 Erkeklerin ≈ 0.001% kadarı
Protanopi #fffdf5 Erkeklerin ≈ 1.01% kadarı
Döteranopi #fdfcf5 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f3fefc Erkeklerin ≈ 0.0001% kadarı
Protanomali #fbfef5 Erkeklerin ≈ 1.08% kadarı
Döteranomali #fafdf5 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f3fff9 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f4fff5 {
  color: #f4fff5;
}
Arka plan
.bg-f4fff5 {
  background-color: #f4fff5;
  color: #000000;
}
Kenarlık
.border-f4fff5 {
  border: 2px solid #f4fff5;
}
CSS değişkenleri
:root {
  --color-primary: #f4fff5;
  --color-primary-rgb: 244 255 245;
  --color-primary-hsl: 125 100% 98%;
}
Geçiş
.gradient-f4fff5 {
  background: linear-gradient(135deg, #f4fff5, #f4fffa);
}
Renkli gölge
.shadow-f4fff5 {
  box-shadow: 0 8px 24px rgb(244 255 245 / 0.35);
}

#f5fffa Mint Cream ΔE 2.30 #f0fff0 Honeydew ΔE 2.59 #f0ffff Azure ΔE 4.63 #fffff0 Ivory ΔE 4.76 #f5f5dc Beige ΔE 6.95 #fffaf0 Floral White ΔE 7.13 #ffffff White ΔE 7.37 #0b000a Ters renk #fcfcfc Gri tonlama 

Mint Cream
#f4fff5  rgb(244, 255, 245)  hsl(125, 100%, 98%)  Mint Cream
#fff4fe  rgb(255, 244, 254)  hsl(305, 100%, 98%)  Lavender Blush
#f5f4ff  rgb(245, 244, 255)  hsl(245, 100%, 98%)  Magnolia
#fff5f4  rgb(255, 245, 244)  hsl(5, 100%, 98%)  Snow