ColorTool
Giriş yap
#F4EAB2

#f4eab2 ≈ Vanilla

  • sarı
  • Açıklık: çok yüksek
  • Doygunluk: orta
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#f4eab2, “sarı” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu orta. RGB modelinde %95,69 kırmızı, %91,76 yeşil ve %69,8 maviden oluşur; CMYK baskıda %0 camgöbeği, %4,1 macenta, %27,05 sarı ve %4,31 siyah kullanır. Ton açısı 50,91°, HSL’de doygunluğu %75 ve açıklığı %82,75’dir. Sıcak bir renktir ve çoğunlukla iyimserlik, dikkat ve neşe ile ilişkilendirilir. Tasarımcılar onu genellikle vurgular ve uyarılar, çocuk ürünleri ve yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 17,26:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Vanilla (#f3e5ab), ΔE 1,61.

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

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

Tamamlayıcı

  1. #f4eab2
  2. #b2bcf4

Bölünmüş tamamlayıcı

  1. #f4eab2
  2. #b2ddf4
  3. #c9b2f4

Komşu

  1. #f4c9b2
  2. #f4eab2
  3. #ddf4b2

Üçlü

  1. #f4eab2
  2. #b2f4ea
  3. #eab2f4

Dörtlü

  1. #f4eab2
  2. #bcf4b2
  3. #b2bcf4
  4. #eab2f4

Kare

  1. #f4eab2
  2. #b2f4c9
  3. #b2bcf4
  4. #f4b2dd

Tek renkli

  1. #e1c52c
  2. #ead86f
  3. #f4eab2
  4. #fcfaed
  5. #fcfaed

Koyu tonlar

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

  1. #f4eab2
  2. #dcd3a0
  3. #c3bb8e
  4. #aba47d
  5. #928c6b
  6. #7a7559
  7. #625e47
  8. #494635
  9. #312f24
  10. #181712
  11. #000000

Açık tonlar

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

  1. #f4eab2
  2. #f5ecba
  3. #f6eec1
  4. #f7f0c9
  5. #f8f2d1
  6. #faf5d9
  7. #fbf7e0
  8. #fcf9e8
  9. #fdfbf0
  10. #fefdf7
  11. #ffffff

Tonlar

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

  1. #f4eab2
  2. #e8dfad
  3. #ddd5a8
  4. #d1caa3
  5. #c6c09e
  6. #bab599
  7. #aeaa94
  8. #a3a08f
  9. #97958a
  10. #8c8b85
  11. #808080

Okunaklı metin 1.22:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 17.26:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #e9e9e9 Erkeklerin ≈ 0.003% kadarı
Akromatomali #ede9d5 Erkeklerin ≈ 0.001% kadarı
Protanopi #f5e6ae Erkeklerin ≈ 1.01% kadarı
Döteranopi #f8ebb4 Erkeklerin ≈ 1.27% kadarı
Tritanopi #fee2db Erkeklerin ≈ 0.0001% kadarı
Protanomali #f5e8b0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #f6eab3 Erkeklerin ≈ 4.63% kadarı
Tritanomali #fae5cc Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f4eab2 {
  color: #f4eab2;
}
Arka plan
.bg-f4eab2 {
  background-color: #f4eab2;
  color: #000000;
}
Kenarlık
.border-f4eab2 {
  border: 2px solid #f4eab2;
}
CSS değişkenleri
:root {
  --color-primary: #f4eab2;
  --color-primary-rgb: 244 234 178;
  --color-primary-hsl: 51 75% 83%;
}
Geçiş
.gradient-f4eab2 {
  background: linear-gradient(135deg, #f4eab2, #ddf4b2);
}
Renkli gölge
.shadow-f4eab2 {
  box-shadow: 0 8px 24px rgb(244 234 178 / 0.35);
}

#f3e5ab Vanilla ΔE 1.61 #eee8aa Pale Goldenrod ΔE 1.95 #faf0be Blond ΔE 1.96 #fffacd Lemon Chiffon ΔE 4.46 #fffdd0 Cream ΔE 5.23 #ffe5b4 Peach ΔE 5.85 #fafad2 Light Goldenrod Yellow ΔE 5.92 #0b154d Ters renk #e9e9e9 Gri tonlama 

Vanilla
#f4eab2  rgb(244, 234, 178)  hsl(51, 75%, 83%)  Vanilla
#b2bcf4  rgb(178, 188, 244)  hsl(231, 75%, 83%)  Periwinkle
#b2f4ea  rgb(178, 244, 234)  hsl(171, 75%, 83%)  Pale Turquoise
#eab2f4  rgb(234, 178, 244)  hsl(291, 75%, 83%)  Mauve