ColorTool
Giriş yap
#F0FAF0

#f0faf0 ≈ Mint Cream

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

#f0faf0, “beyaz” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %94,12 kırmızı, %98,04 yeşil ve %94,12 maviden oluşur; CMYK baskıda %4 camgöbeği, %0 macenta, %4 sarı ve %1,96 siyah kullanır. Ton açısı 120°, HSL’de doygunluğu %50 ve açıklığı %96,08’dir. Nötr bir renktir ve çoğunlukla saflık, sadelik ve ferahlık ile ilişkilendirilir. Tasarımcılar onu genellikle arka planlar ve geniş yüzeyler, minimalist yerleşimler ve yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 19,64:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Mint Cream (#f5fffa), ΔE 2,48.

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

Tamamlayıcı

  1. #f0faf0
  2. #faf0fa

Bölünmüş tamamlayıcı

  1. #f0faf0
  2. #f5f0fa
  3. #faf0f5

Komşu

  1. #f5faf0
  2. #f0faf0
  3. #f0faf5

Üçlü

  1. #f0faf0
  2. #f0f0fa
  3. #faf0f0

Dörtlü

  1. #f0faf0
  2. #f0fafa
  3. #faf0fa
  4. #faf0f0

Kare

  1. #f0faf0
  2. #f0f5fa
  3. #faf0fa
  4. #faf5f0

Tek renkli

  1. #7dd47d
  2. #b7e7b7
  3. #f0faf0
  4. #f0faf0
  5. #f0faf0

Koyu tonlar

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

  1. #f0faf0
  2. #d8e1d8
  3. #c0c8c0
  4. #a8afa8
  5. #909690
  6. #787d78
  7. #606460
  8. #484b48
  9. #303230
  10. #181918
  11. #000000

Açık tonlar

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

  1. #f0faf0
  2. #f2fbf2
  3. #f3fbf3
  4. #f5fcf5
  5. #f6fcf6
  6. #f8fdf8
  7. #f9fdf9
  8. #fbfefb
  9. #fcfefc
  10. #fefffe
  11. #ffffff

Tonlar

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

  1. #f0faf0
  2. #e5eee5
  3. #dae2da
  4. #ced5ce
  5. #c3c9c3
  6. #b8bdb8
  7. #adb1ad
  8. #a2a5a2
  9. #969896
  10. #8b8c8b
  11. #808080

Okunaklı metin 1.07:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 19.64:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #f7f7f7 Erkeklerin ≈ 0.003% kadarı
Akromatomali #f4f8f4 Erkeklerin ≈ 0.001% kadarı
Protanopi #fbf8f0 Erkeklerin ≈ 1.01% kadarı
Döteranopi #f9f7f0 Erkeklerin ≈ 1.27% kadarı
Tritanopi #eff9f7 Erkeklerin ≈ 0.0001% kadarı
Protanomali #f6f9f0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #f5f8f0 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f0faf4 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#f5fffa Mint Cream ΔE 2.48 #f0fff0 Honeydew ΔE 2.92 #fffff0 Ivory ΔE 4.61 #f0ffff Azure ΔE 4.82 #f5f5dc Beige ΔE 6.56 #fffaf0 Floral White ΔE 6.79 #f5f5f5 White Smoke ΔE 7.09 #0f050f Ters renk #f7f7f7 Gri tonlama 

Mint Cream
#f0faf0  rgb(240, 250, 240)  hsl(120, 50%, 96%)  Mint Cream
#faf0fa  rgb(250, 240, 250)  hsl(300, 50%, 96%)  Magnolia
#f0f0fa  rgb(240, 240, 250)  hsl(240, 50%, 96%)  Ghost White
#faf0f0  rgb(250, 240, 240)  hsl(0, 50%, 96%)  Snow