ColorTool
Giriş yap
#F4F043

#f4f043 ≈ Icterine

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

#f4f043, “sarı” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %95,69 kırmızı, %94,12 yeşil ve %26,27 maviden oluşur; CMYK baskıda %0 camgöbeği, %1,64 macenta, %72,54 sarı ve %4,31 siyah kullanır. Ton açısı 58,64°, HSL’de doygunluğu %88,94 ve açıklığı %60,98’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 eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 17,39:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Icterine (#fcf75e), ΔE 2,24.

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

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

Tamamlayıcı

  1. #f4f043
  2. #4347f4

Bölünmüş tamamlayıcı

  1. #f4f043
  2. #43a0f4
  3. #9743f4

Komşu

  1. #f49743
  2. #f4f043
  3. #a0f443

Üçlü

  1. #f4f043
  2. #43f4f0
  3. #f043f4

Dörtlü

  1. #f4f043
  2. #47f443
  3. #4347f4
  4. #f043f4

Kare

  1. #f4f043
  2. #43f497
  3. #4347f4
  4. #f443a0

Tek renkli

  1. #959209
  2. #ded90d
  3. #f4f043
  4. #f8f68b
  5. #fcfcd4

Koyu tonlar

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

  1. #f4f043
  2. #dcd83c
  3. #c3c036
  4. #aba82f
  5. #929028
  6. #7a7822
  7. #62601b
  8. #494814
  9. #31300d
  10. #181807
  11. #000000

Açık tonlar

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

  1. #f4f043
  2. #f5f256
  3. #f6f369
  4. #f7f57b
  5. #f8f68e
  6. #faf8a1
  7. #fbf9b4
  8. #fcfbc7
  9. #fdfcd9
  10. #fefeec
  11. #ffffff

Tonlar

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

  1. #f4f043
  2. #e8e549
  3. #ddda4f
  4. #d1ce55
  5. #c6c35b
  6. #bab862
  7. #aead68
  8. #a3a26e
  9. #979674
  10. #8c8b7a
  11. #808080

Okunaklı metin 1.21:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 17.39:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #eaeaea Erkeklerin ≈ 0.003% kadarı
Akromatomali #eeecbe Erkeklerin ≈ 0.001% kadarı
Protanopi #ffe61f Erkeklerin ≈ 1.01% kadarı
Döteranopi #ffec50 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ffe0cf Erkeklerin ≈ 0.0001% kadarı
Protanomali #feea31 Erkeklerin ≈ 1.08% kadarı
Döteranomali #ffee4b Erkeklerin ≈ 4.63% kadarı
Tritanomali #ffe7a9 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#fcf75e Icterine ΔE 2.24 #eee600 Titanium Yellow ΔE 3.15 #fff600 Cadmium Yellow ΔE 3.51 #ffff31 Daffodil ΔE 3.52 #fff700 Lemon ΔE 3.53 #ffff66 Laser Lemon ΔE 3.67 #fdee00 Aureolin ΔE 3.74 #0b0fbc Ters renk #eaeaea Gri tonlama 

Icterine
#f4f043  rgb(244, 240, 67)  hsl(59, 89%, 61%)  Icterine
#4347f4  rgb(67, 71, 244)  hsl(239, 89%, 61%)  Majorelle Blue
#43f4f0  rgb(67, 244, 240)  hsl(179, 89%, 61%)  Aqua
#f043f4  rgb(240, 67, 244)  hsl(299, 89%, 61%)  Fuchsia