ColorTool
Giriş yap
#FFF4EB

#fff4eb ≈ Seashell

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

#fff4eb, “turuncu” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %100 kırmızı, %95,69 yeşil ve %92,16 maviden oluşur; CMYK baskıda %0 camgöbeği, %4,31 macenta, %7,84 sarı ve %0 siyah kullanır. Ton açısı 27°, HSL’de doygunluğu %100 ve açıklığı %96,08’dir. Sıcak bir renktir ve çoğunlukla coşku, sıcaklık ve yaratıcılık ile ilişkilendirilir. Tasarımcılar onu genellikle eylem çağrısı düğmeleri, gıda markaları ve restoranlar ve yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 19,39:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Seashell (#fff5ee), ΔE 0,93.

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

Tamamlayıcı

  1. #fff4eb
  2. #ebf6ff

Bölünmüş tamamlayıcı

  1. #fff4eb
  2. #ebfffe
  3. #ebecff

Komşu

  1. #ffebec
  2. #fff4eb
  3. #fffeeb

Üçlü

  1. #fff4eb
  2. #ebfff4
  3. #f4ebff

Dörtlü

  1. #fff4eb
  2. #f6ffeb
  3. #ebf6ff
  4. #f4ebff

Kare

  1. #fff4eb
  2. #ecffeb
  3. #ebf6ff
  4. #feebff

Tek renkli

  1. #ffa052
  2. #ffca9f
  3. #fff4eb
  4. #fff4eb
  5. #fff4eb

Koyu tonlar

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

  1. #fff4eb
  2. #e6dcd4
  3. #ccc3bc
  4. #b3aba5
  5. #99928d
  6. #807a76
  7. #66625e
  8. #4d4947
  9. #33312f
  10. #1a1818
  11. #000000

Açık tonlar

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

  1. #fff4eb
  2. #fff5ed
  3. #fff6ef
  4. #fff7f1
  5. #fff8f3
  6. #fffaf5
  7. #fffbf7
  8. #fffcf9
  9. #fffdfb
  10. #fffefd
  11. #ffffff

Tonlar

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

  1. #fff4eb
  2. #f2e8e0
  3. #e6ddd6
  4. #d9d1cb
  5. #ccc6c0
  6. #c0bab6
  7. #b3aeab
  8. #a6a3a0
  9. #999795
  10. #8d8c8b
  11. #808080

Okunaklı metin 1.08:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 19.39:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #f6f6f6 Erkeklerin ≈ 0.003% kadarı
Akromatomali #faf5f2 Erkeklerin ≈ 0.001% kadarı
Protanopi #f7f4ea Erkeklerin ≈ 1.01% kadarı
Döteranopi #faf7eb Erkeklerin ≈ 1.27% kadarı
Tritanopi #fff2f1 Erkeklerin ≈ 0.0001% kadarı
Protanomali #fbf4eb Erkeklerin ≈ 1.08% kadarı
Döteranomali #fcf6eb Erkeklerin ≈ 4.63% kadarı
Tritanomali #fff3ef Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#fff5ee Seashell ΔE 0.93 #faf0e6 Linen ΔE 1.19 #fffaf0 Floral White ΔE 3.24 #f4f0ec Isabelline ΔE 3.48 #fdf5e6 Old Lace ΔE 3.56 #fffafa Snow ΔE 4.63 #fff8e7 Cosmic Latte ΔE 4.69 #000b14 Ters renk #f6f6f6 Gri tonlama 

Seashell
#fff4eb  rgb(255, 244, 235)  hsl(27, 100%, 96%)  Seashell
#ebf6ff  rgb(235, 246, 255)  hsl(207, 100%, 96%)  Alice Blue
#ebfff4  rgb(235, 255, 244)  hsl(147, 100%, 96%)  Honeydew
#f4ebff  rgb(244, 235, 255)  hsl(267, 100%, 96%)  Lavender