ColorTool
Giriş yap
#FEEA02

#feea02 ≈ Canary Yellow

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

#feea02, “sarı” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %99,61 kırmızı, %91,76 yeşil ve %0,78 maviden oluşur; CMYK baskıda %0 camgöbeği, %7,87 macenta, %99,21 sarı ve %0,39 siyah kullanır. Ton açısı 55,24°, HSL’de doygunluğu %99,21 ve açıklığı %50,2’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 16,98:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Canary Yellow (#ffef00), ΔE 1,3.

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

Tamamlayıcı

  1. #feea02
  2. #0216fe

Bölünmüş tamamlayıcı

  1. #feea02
  2. #0294fe
  3. #6c02fe

Komşu

  1. #fe6c02
  2. #feea02
  3. #94fe02

Üçlü

  1. #feea02
  2. #02feea
  3. #ea02fe

Dörtlü

  1. #feea02
  2. #16fe02
  3. #0216fe
  4. #ea02fe

Kare

  1. #feea02
  2. #02fe6c
  3. #0216fe
  4. #fe0294

Tek renkli

  1. #675f00
  2. #b3a501
  3. #feea02
  4. #fef04e
  5. #fff79a

Koyu tonlar

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

  1. #feea02
  2. #e5d302
  3. #cbbb02
  4. #b2a401
  5. #988c01
  6. #7f7501
  7. #665e01
  8. #4c4601
  9. #332f00
  10. #191700
  11. #000000

Açık tonlar

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

  1. #feea02
  2. #feec1b
  3. #feee35
  4. #fef04e
  5. #fef267
  6. #fff581
  7. #fff79a
  8. #fff9b3
  9. #fffbcc
  10. #fffde6
  11. #ffffff

Tonlar

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

  1. #feea02
  2. #f1df0f
  3. #e5d51b
  4. #d8ca28
  5. #ccc034
  6. #bfb541
  7. #b2aa4e
  8. #a6a05a
  9. #999567
  10. #8d8b73
  11. #808080

Okunaklı metin 1.24:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 16.98:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #e7e7e7 Erkeklerin ≈ 0.003% kadarı
Akromatomali #f1e8b8 Erkeklerin ≈ 0.001% kadarı
Protanopi #ffe200 Erkeklerin ≈ 1.01% kadarı
Döteranopi #ffeb2b Erkeklerin ≈ 1.27% kadarı
Tritanopi #ffd8c7 Erkeklerin ≈ 0.0001% kadarı
Protanomali #ffe500 Erkeklerin ≈ 1.08% kadarı
Döteranomali #ffeb20 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ffe09f Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-feea02 {
  color: #feea02;
}
Arka plan
.bg-feea02 {
  background-color: #feea02;
  color: #000000;
}
Kenarlık
.border-feea02 {
  border: 2px solid #feea02;
}
CSS değişkenleri
:root {
  --color-primary: #feea02;
  --color-primary-rgb: 254 234 2;
  --color-primary-hsl: 55 99% 50%;
}
Geçiş
.gradient-feea02 {
  background: linear-gradient(135deg, #feea02, #94fe02);
}
Renkli gölge
.shadow-feea02 {
  box-shadow: 0 8px 24px rgb(254 234 2 / 0.35);
}

#ffef00 Canary Yellow ΔE 1.30 #fdee00 Aureolin ΔE 1.31 #eee600 Titanium Yellow ΔE 2.98 #f0e130 Dandelion ΔE 3.16 #fff600 Cadmium Yellow ΔE 3.23 #ffdf00 Golden Yellow ΔE 3.46 #fff700 Lemon ΔE 3.50 #0115fd Ters renk #e7e7e7 Gri tonlama 

Canary Yellow
#feea02  rgb(254, 234, 2)  hsl(55, 99%, 50%)  Canary Yellow
#0216fe  rgb(2, 22, 254)  hsl(235, 99%, 50%)  Blue
#02feea  rgb(2, 254, 234)  hsl(175, 99%, 50%)  Turquoise Blue
#ea02fe  rgb(234, 2, 254)  hsl(295, 99%, 50%)  Fuchsia