ColorTool
Giriş yap
#F4FFB2

#f4ffb2 ≈ Pastel Yellow

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

#f4ffb2, “sarı-yeşil” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu orta. RGB modelinde %95,69 kırmızı, %100 yeşil ve %69,8 maviden oluşur; CMYK baskıda %4,31 camgöbeği, %0 macenta, %30,2 sarı ve %0 siyah kullanır. Ton açısı 68,57°, HSL’de doygunluğu %100 ve açıklığı %84,9’dir. Sıcak bir renktir ve çoğunlukla tazelik, büyüme ve canlılık 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 19,79:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Pastel Yellow (#fdfd96), ΔE 5,39.

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

Tamamlayıcı

  1. #f4ffb2
  2. #bdb2ff

Bölünmüş tamamlayıcı

  1. #f4ffb2
  2. #b2cdff
  3. #e3b2ff

Komşu

  1. #ffe3b2
  2. #f4ffb2
  3. #cdffb2

Üçlü

  1. #f4ffb2
  2. #b2f4ff
  3. #ffb2f4

Dörtlü

  1. #f4ffb2
  2. #b2ffbd
  3. #bdb2ff
  4. #ffb2f4

Kare

  1. #f4ffb2
  2. #b2ffe3
  3. #bdb2ff
  4. #ffb2cd

Tek renkli

  1. #deff19
  2. #e9ff65
  3. #f4ffb2
  4. #fcffeb
  5. #fcffeb

Koyu tonlar

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

  1. #f4ffb2
  2. #dce6a0
  3. #c3cc8e
  4. #abb37d
  5. #92996b
  6. #7a8059
  7. #626647
  8. #494d35
  9. #313324
  10. #181a12
  11. #000000

Açık tonlar

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

  1. #f4ffb2
  2. #f5ffba
  3. #f6ffc1
  4. #f7ffc9
  5. #f8ffd1
  6. #faffd9
  7. #fbffe0
  8. #fcffe8
  9. #fdfff0
  10. #fefff7
  11. #ffffff

Tonlar

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

  1. #f4ffb2
  2. #e8f2ad
  3. #dde6a8
  4. #d1d9a3
  5. #c6cc9e
  6. #bac099
  7. #aeb394
  8. #a3a68f
  9. #97998a
  10. #8c8d85
  11. #808080

Okunaklı metin 1.06:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 19.79:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #f8f8f8 Erkeklerin ≈ 0.003% kadarı
Akromatomali #f6fbe0 Erkeklerin ≈ 0.001% kadarı
Protanopi #fff7ad Erkeklerin ≈ 1.01% kadarı
Döteranopi #fff9b5 Erkeklerin ≈ 1.27% kadarı
Tritanopi #fdf6eb Erkeklerin ≈ 0.0001% kadarı
Protanomali #fffbaf Erkeklerin ≈ 1.08% kadarı
Döteranomali #fffbb4 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f9fad7 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#fdfd96 Pastel Yellow ΔE 5.39 #eee8aa Pale Goldenrod ΔE 6.45 #fffdd0 Cream ΔE 7.32 #f0e68c Khaki ΔE 7.70 #fffacd Lemon Chiffon ΔE 7.75 #faf0be Blond ΔE 8.02 #fafad2 Light Goldenrod Yellow ΔE 8.24 #0b004d Ters renk #f8f8f8 Gri tonlama 

Pastel Yellow
#f4ffb2  rgb(244, 255, 178)  hsl(69, 100%, 85%)  Pastel Yellow
#bdb2ff  rgb(189, 178, 255)  hsl(249, 100%, 85%)  Periwinkle
#b2f4ff  rgb(178, 244, 255)  hsl(189, 100%, 85%)  Pale Turquoise
#ffb2f4  rgb(255, 178, 244)  hsl(309, 100%, 85%)  Plum