ColorTool
Giriş yap
#F3FFF8

#f3fff8 ≈ Mint Cream

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

#f3fff8, “yeşil” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %95,29 kırmızı, %100 yeşil ve %97,25 maviden oluşur; CMYK baskıda %4,71 camgöbeği, %0 macenta, %2,75 sarı ve %0 siyah kullanır. Ton açısı 145°, HSL’de doygunluğu %100 ve açıklığı %97,65’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 1,29.

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. #f3fff8
  2. #fff3fa

Bölünmüş tamamlayıcı

  1. #f3fff8
  2. #fef3ff
  3. #fff3f4

Komşu

  1. #f4fff3
  2. #f3fff8
  3. #f3fffe

Üçlü

  1. #f3fff8
  2. #f8f3ff
  3. #fff8f3

Dörtlü

  1. #f3fff8
  2. #f3faff
  3. #fff3fa
  4. #fff8f3

Kare

  1. #f3fff8
  2. #f3f4ff
  3. #fff3fa
  4. #fffef3

Tek renkli

  1. #5aff9f
  2. #a7ffcb
  3. #f3fff8
  4. #ebfff3
  5. #ebfff3

Koyu tonlar

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

  1. #f3fff8
  2. #dbe6df
  3. #c2ccc6
  4. #aab3ae
  5. #929995
  6. #7a807c
  7. #616663
  8. #494d4a
  9. #313332
  10. #181a19
  11. #000000

Açık tonlar

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

  1. #f3fff8
  2. #f4fff9
  3. #f5fff9
  4. #f7fffa
  5. #f8fffb
  6. #f9fffc
  7. #fafffc
  8. #fbfffd
  9. #fdfffe
  10. #fefffe
  11. #ffffff

Tonlar

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

  1. #f3fff8
  2. #e8f2ec
  3. #dce6e0
  4. #d1d9d4
  5. #c5ccc8
  6. #bac0bc
  7. #aeb3b0
  8. #a3a6a4
  9. #979998
  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 #f8fdfa Erkeklerin ≈ 0.001% kadarı
Protanopi #fffdf8 Erkeklerin ≈ 1.01% kadarı
Döteranopi #fcfbf8 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f1fffd Erkeklerin ≈ 0.0001% kadarı
Protanomali #fafef8 Erkeklerin ≈ 1.08% kadarı
Döteranomali #f9fdf8 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f2fffb Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#f5fffa Mint Cream ΔE 1.29 #f0ffff Azure ΔE 3.30 #f0fff0 Honeydew ΔE 3.56 #fffff0 Ivory ΔE 5.58 #e0ffff Light Cyan ΔE 6.53 #ffffff White ΔE 6.81 #f5f5f5 White Smoke ΔE 6.93 #0c0007 Ters renk #fcfcfc Gri tonlama 

Mint Cream
#f3fff8  rgb(243, 255, 248)  hsl(145, 100%, 98%)  Mint Cream
#fff3fa  rgb(255, 243, 250)  hsl(325, 100%, 98%)  Lavender Blush
#f8f3ff  rgb(248, 243, 255)  hsl(265, 100%, 98%)  Magnolia
#fff8f3  rgb(255, 248, 243)  hsl(25, 100%, 98%)  Seashell