ColorTool
Giriş yap
#F4FA02

#f4fa02 ≈ Yellow

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

#f4fa02, “sarı” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %95,69 kırmızı, %98,04 yeşil ve %0,78 maviden oluşur; CMYK baskıda %2,4 camgöbeği, %0 macenta, %99,2 sarı ve %1,96 siyah kullanır. Ton açısı 61,45°, HSL’de doygunluğu %98,41 ve açıklığı %49,41’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 18,52:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Yellow (#ffff00), ΔE 1,78.

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

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

Tamamlayıcı

  1. #f4fa02
  2. #0802fa

Bölünmüş tamamlayıcı

  1. #f4fa02
  2. #0278fa
  3. #8402fa

Komşu

  1. #fa8402
  2. #f4fa02
  3. #78fa02

Üçlü

  1. #f4fa02
  2. #02f4fa
  3. #fa02f4

Dörtlü

  1. #f4fa02
  2. #02fa08
  3. #0802fa
  4. #fa02f4

Kare

  1. #f4fa02
  2. #02fa84
  3. #0802fa
  4. #fa0278

Tek renkli

  1. #606201
  2. #aaae01
  3. #f4fa02
  4. #f9fe4b
  5. #fcfe97

Koyu tonlar

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

  1. #f4fa02
  2. #dce102
  3. #c3c802
  4. #abaf01
  5. #929601
  6. #7a7d01
  7. #626401
  8. #494b01
  9. #313200
  10. #181900
  11. #000000

Açık tonlar

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

  1. #f4fa02
  2. #f5fb1b
  3. #f6fb35
  4. #f7fc4e
  5. #f8fc67
  6. #fafd81
  7. #fbfd9a
  8. #fcfeb3
  9. #fdfecc
  10. #feffe6
  11. #ffffff

Tonlar

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

  1. #f4fa02
  2. #e8ee0f
  3. #dde21b
  4. #d1d528
  5. #c6c934
  6. #babd41
  7. #aeb14e
  8. #a3a55a
  9. #979867
  10. #8c8c73
  11. #808080

Okunaklı metin 1.13:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 18.52:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #f1f1f1 Erkeklerin ≈ 0.003% kadarı
Akromatomali #f2f4c0 Erkeklerin ≈ 0.001% kadarı
Protanopi #ffee00 Erkeklerin ≈ 1.01% kadarı
Döteranopi #fff331 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ffead5 Erkeklerin ≈ 0.0001% kadarı
Protanomali #fff300 Erkeklerin ≈ 1.08% kadarı
Döteranomali #fff625 Erkeklerin ≈ 4.63% kadarı
Tritanomali #fff0aa Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#ffff00 Yellow ΔE 1.78 #ffff31 Daffodil ΔE 1.83 #fff700 Lemon ΔE 2.86 #fff600 Cadmium Yellow ΔE 3.07 #e3ff00 Lemon Lime ΔE 4.07 #fdee00 Aureolin ΔE 4.68 #eee600 Titanium Yellow ΔE 4.70 #0b05fd Ters renk #f1f1f1 Gri tonlama 

Yellow
#f4fa02  rgb(244, 250, 2)  hsl(61, 98%, 49%)  Yellow
#0802fa  rgb(8, 2, 250)  hsl(241, 98%, 49%)  Blue
#02f4fa  rgb(2, 244, 250)  hsl(181, 98%, 49%)  Aqua
#fa02f4  rgb(250, 2, 244)  hsl(301, 98%, 49%)  Fuchsia