ColorTool
Giriş yap
#F40E12

#f40e12 ≈ Red

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

#f40e12, “kırmızı” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %95,69 kırmızı, %5,49 yeşil ve %7,06 maviden oluşur; CMYK baskıda %0 camgöbeği, %94,26 macenta, %92,62 sarı ve %4,31 siyah kullanır. Ton açısı 358,96°, HSL’de doygunluğu %91,27 ve açıklığı %50,59’dir. Sıcak bir renktir ve çoğunlukla enerji, tutku ve aciliyet ile ilişkilendirilir. Tasarımcılar onu genellikle gıda markaları ve restoranlar, indirimler ve kampanyalar ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 4,92:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Red (#ff0000), ΔE 2,7.

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

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

Tamamlayıcı

  1. #f40e12
  2. #0ef4f0

Bölünmüş tamamlayıcı

  1. #f40e12
  2. #0ef47d
  3. #0e85f4

Komşu

  1. #f40e85
  2. #f40e12
  3. #f47d0e

Üçlü

  1. #f40e12
  2. #12f40e
  3. #0e12f4

Dörtlü

  1. #f40e12
  2. #f4f00e
  3. #0ef4f0
  4. #0e12f4

Kare

  1. #f40e12
  2. #85f40e
  3. #0ef4f0
  4. #7d0ef4

Tek renkli

  1. #640506
  2. #ae080b
  3. #f40e12
  4. #f7575a
  5. #fba0a2

Koyu tonlar

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

  1. #f40e12
  2. #dc0d10
  3. #c30b0e
  4. #ab0a0d
  5. #92080b
  6. #7a0709
  7. #620607
  8. #490405
  9. #310304
  10. #180102
  11. #000000

Açık tonlar

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

  1. #f40e12
  2. #f5262a
  3. #f63e41
  4. #f75659
  5. #f86e71
  6. #fa8789
  7. #fb9fa0
  8. #fcb7b8
  9. #fdcfd0
  10. #fee7e7
  11. #ffffff

Tonlar

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

  1. #f40e12
  2. #e8191d
  3. #dd2528
  4. #d13033
  5. #c63c3e
  6. #ba4749
  7. #ae5254
  8. #a35e5f
  9. #97696a
  10. #8c7575
  11. #808080

Okunaklı metin 4.27:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 4.92:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #7a7a7a Erkeklerin ≈ 0.003% kadarı
Akromatomali #b86161 Erkeklerin ≈ 0.001% kadarı
Protanopi #695c09 Erkeklerin ≈ 1.01% kadarı
Döteranopi #9c8b00 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ff0018 Erkeklerin ≈ 0.0001% kadarı
Protanomali #b2490d Erkeklerin ≈ 1.08% kadarı
Döteranomali #c66e00 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ff0016 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#ff0000 Red ΔE 2.70 #ff0800 Candy Apple Red ΔE 2.90 #e62020 Lust ΔE 3.09 #ff2400 Scarlet ΔE 4.31 #ff2800 Ferrari Red ΔE 4.67 #e34234 Cinnabar ΔE 4.89 #e34234 Vermilion ΔE 4.89 #0bf1ed Ters renk #7a7a7a Gri tonlama 

Red
#f40e12  rgb(244, 14, 18)  hsl(359, 91%, 51%)  Red
#0ef4f0  rgb(14, 244, 240)  hsl(179, 91%, 51%)  Aqua
#12f40e  rgb(18, 244, 14)  hsl(119, 91%, 51%)  Lime
#0e12f4  rgb(14, 18, 244)  hsl(239, 91%, 51%)  Blue