ColorTool
Giriş yap
#F4EC1E

#f4ec1e ≈ Titanium Yellow

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

#f4ec1e, “sarı” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %95,69 kırmızı, %92,55 yeşil ve %11,76 maviden oluşur; CMYK baskıda %0 camgöbeği, %3,28 macenta, %87,7 sarı ve %4,31 siyah kullanır. Ton açısı 57,76°, HSL’de doygunluğu %90,68 ve açıklığı %53,73’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,86:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Titanium Yellow (#eee600), ΔE 1,35.

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

Tamamlayıcı

  1. #f4ec1e
  2. #1e26f4

Bölünmüş tamamlayıcı

  1. #f4ec1e
  2. #1e91f4
  3. #811ef4

Komşu

  1. #f4811e
  2. #f4ec1e
  3. #91f41e

Üçlü

  1. #f4ec1e
  2. #1ef4ec
  3. #ec1ef4

Dörtlü

  1. #f4ec1e
  2. #26f41e
  3. #1e26f4
  4. #ec1ef4

Kare

  1. #f4ec1e
  2. #1ef481
  3. #1e26f4
  4. #f41e91

Tek renkli

  1. #736f06
  2. #bcb609
  3. #f4ec1e
  4. #f8f267
  5. #fbf8b0

Koyu tonlar

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

  1. #f4ec1e
  2. #dcd41b
  3. #c3bd18
  4. #aba515
  5. #928e12
  6. #7a760f
  7. #625e0c
  8. #494709
  9. #312f06
  10. #181803
  11. #000000

Açık tonlar

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

  1. #f4ec1e
  2. #f5ee35
  3. #f6f04b
  4. #f7f262
  5. #f8f478
  6. #faf68f
  7. #fbf7a5
  8. #fcf9bc
  9. #fdfbd2
  10. #fefde9
  11. #ffffff

Tonlar

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

  1. #f4ec1e
  2. #e8e128
  3. #ddd632
  4. #d1cc3b
  5. #c6c145
  6. #bab64f
  7. #aeab59
  8. #a3a063
  9. #97966c
  10. #8c8b76
  11. #808080

Okunaklı metin 1.25:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 16.86:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #e6e6e6 Erkeklerin ≈ 0.003% kadarı
Akromatomali #ece9b8 Erkeklerin ≈ 0.001% kadarı
Protanopi #ffe300 Erkeklerin ≈ 1.01% kadarı
Döteranopi #ffe937 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ffdbca Erkeklerin ≈ 0.0001% kadarı
Protanomali #fce600 Erkeklerin ≈ 1.08% kadarı
Döteranomali #feea2f Erkeklerin ≈ 4.63% kadarı
Tritanomali #ffe2a1 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f4ec1e {
  color: #f4ec1e;
}
Arka plan
.bg-f4ec1e {
  background-color: #f4ec1e;
  color: #000000;
}
Kenarlık
.border-f4ec1e {
  border: 2px solid #f4ec1e;
}
CSS değişkenleri
:root {
  --color-primary: #f4ec1e;
  --color-primary-rgb: 244 236 30;
  --color-primary-hsl: 58 91% 54%;
}
Geçiş
.gradient-f4ec1e {
  background: linear-gradient(135deg, #f4ec1e, #91f41e);
}
Renkli gölge
.shadow-f4ec1e {
  box-shadow: 0 8px 24px rgb(244 236 30 / 0.35);
}

#eee600 Titanium Yellow ΔE 1.35 #fdee00 Aureolin ΔE 1.93 #ffef00 Canary Yellow ΔE 2.23 #fff600 Cadmium Yellow ΔE 2.42 #fff700 Lemon ΔE 2.57 #f0e130 Dandelion ΔE 2.92 #ffff31 Daffodil ΔE 4.02 #0b13e1 Ters renk #e6e6e6 Gri tonlama 

Titanium Yellow
#f4ec1e  rgb(244, 236, 30)  hsl(58, 91%, 54%)  Titanium Yellow
#1e26f4  rgb(30, 38, 244)  hsl(238, 91%, 54%)  Blue
#1ef4ec  rgb(30, 244, 236)  hsl(178, 91%, 54%)  Bright Turquoise
#ec1ef4  rgb(236, 30, 244)  hsl(298, 91%, 54%)  Fuchsia