ColorTool
Giriş yap
#F4FF22

#f4ff22 ≈ Daffodil

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

#f4ff22, “sarı” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %95,69 kırmızı, %100 yeşil ve %13,33 maviden oluşur; CMYK baskıda %4,31 camgöbeği, %0 macenta, %86,67 sarı ve %0 siyah kullanır. Ton açısı 62,99°, HSL’de doygunluğu %100 ve açıklığı %56,67’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 19,17:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Daffodil (#ffff31), ΔE 2,15.

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

Tamamlayıcı

  1. #f4ff22
  2. #2d22ff

Bölünmüş tamamlayıcı

  1. #f4ff22
  2. #2285ff
  3. #9c22ff

Komşu

  1. #ff9c22
  2. #f4ff22
  3. #85ff22

Üçlü

  1. #f4ff22
  2. #22f4ff
  3. #ff22f4

Dörtlü

  1. #f4ff22
  2. #22ff2d
  3. #2d22ff
  4. #ff22f4

Kare

  1. #f4ff22
  2. #22ff9c
  3. #2d22ff
  4. #ff2285

Tek renkli

  1. #818800
  2. #cad500
  3. #f4ff22
  4. #f8ff6f
  5. #fcffbb

Koyu tonlar

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

  1. #f4ff22
  2. #dce61f
  3. #c3cc1b
  4. #abb318
  5. #929914
  6. #7a8011
  7. #62660e
  8. #494d0a
  9. #313307
  10. #181a03
  11. #000000

Açık tonlar

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

  1. #f4ff22
  2. #f5ff38
  3. #f6ff4e
  4. #f7ff64
  5. #f8ff7a
  6. #faff91
  7. #fbffa7
  8. #fcffbd
  9. #fdffd3
  10. #feffe9
  11. #ffffff

Tonlar

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

  1. #f4ff22
  2. #e8f22b
  3. #dde635
  4. #d1d93e
  5. #c6cc48
  6. #bac051
  7. #aeb35a
  8. #a3a664
  9. #97996d
  10. #8c8d77
  11. #808080

Okunaklı metin 1.1:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 19.17:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #f4f4f4 Erkeklerin ≈ 0.003% kadarı
Akromatomali #f4f9c4 Erkeklerin ≈ 0.001% kadarı
Protanopi #fff200 Erkeklerin ≈ 1.01% kadarı
Döteranopi #fff73e Erkeklerin ≈ 1.27% kadarı
Tritanopi #ffefda Erkeklerin ≈ 0.0001% kadarı
Protanomali #fff800 Erkeklerin ≈ 1.08% kadarı
Döteranomali #fffa35 Erkeklerin ≈ 4.63% kadarı
Tritanomali #fff6af Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#ffff31 Daffodil ΔE 2.15 #ffff00 Yellow ΔE 2.52 #e3ff00 Lemon Lime ΔE 3.04 #dfff00 Chartreuse Yellow ΔE 3.74 #fff700 Lemon ΔE 4.10 #fff600 Cadmium Yellow ΔE 4.33 #ffff66 Laser Lemon ΔE 4.43 #0b00dd Ters renk #f4f4f4 Gri tonlama 

Daffodil
#f4ff22  rgb(244, 255, 34)  hsl(63, 100%, 57%)  Daffodil
#2d22ff  rgb(45, 34, 255)  hsl(243, 100%, 57%)  Ultramarine
#22f4ff  rgb(34, 244, 255)  hsl(183, 100%, 57%)  Aqua
#ff22f4  rgb(255, 34, 244)  hsl(303, 100%, 57%)  Fuchsia