ColorTool
Giriş yap
#F23A42

#f23a42 ≈ Tractor Red

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

#f23a42, “kırmızı” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %94,9 kırmızı, %22,75 yeşil ve %25,88 maviden oluşur; CMYK baskıda %0 camgöbeği, %76,03 macenta, %72,73 sarı ve %5,1 siyah kullanır. Ton açısı 357,39°, HSL’de doygunluğu %87,62 ve açıklığı %58,82’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 5,46:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Tractor Red (#fd0e35), ΔE 2,77.

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

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

Tamamlayıcı

  1. #f23a42
  2. #3af2ea

Bölünmüş tamamlayıcı

  1. #f23a42
  2. #3af28e
  3. #3a9ef2

Komşu

  1. #f23a9e
  2. #f23a42
  3. #f28e3a

Üçlü

  1. #f23a42
  2. #42f23a
  3. #3a42f2

Dörtlü

  1. #f23a42
  2. #f2ea3a
  3. #3af2ea
  4. #3a42f2

Kare

  1. #f23a42
  2. #9ef23a
  3. #3af2ea
  4. #8e3af2

Tek renkli

  1. #8a090f
  2. #d20e16
  3. #f23a42
  4. #f78287
  5. #fbcacc

Koyu tonlar

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

  1. #f23a42
  2. #da343b
  3. #c22e35
  4. #a9292e
  5. #912328
  6. #791d21
  7. #61171a
  8. #491114
  9. #300c0d
  10. #180607
  11. #000000

Açık tonlar

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

  1. #f23a42
  2. #f34e55
  3. #f56168
  4. #f6757b
  5. #f7898e
  6. #f99da1
  7. #fab0b3
  8. #fbc4c6
  9. #fcd8d9
  10. #feebec
  11. #ffffff

Tonlar

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

  1. #f23a42
  2. #e74148
  3. #db484e
  4. #d04f55
  5. #c4565b
  6. #b95d61
  7. #ae6467
  8. #a26b6d
  9. #977274
  10. #8b797a
  11. #808080

Okunaklı metin 3.85:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.46:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #828282 Erkeklerin ≈ 0.003% kadarı
Akromatomali #ba6c6e Erkeklerin ≈ 0.001% kadarı
Protanopi #726940 Erkeklerin ≈ 1.01% kadarı
Döteranopi #a0903b Erkeklerin ≈ 1.27% kadarı
Tritanopi #ff003f Erkeklerin ≈ 0.0001% kadarı
Protanomali #b45a41 Erkeklerin ≈ 1.08% kadarı
Döteranomali #c6773e Erkeklerin ≈ 4.63% kadarı
Tritanomali #ff0c40 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f23a42 {
  color: #f23a42;
}
Arka plan
.bg-f23a42 {
  background-color: #f23a42;
  color: #000000;
}
Kenarlık
.border-f23a42 {
  border: 2px solid #f23a42;
}
CSS değişkenleri
:root {
  --color-primary: #f23a42;
  --color-primary-rgb: 242 58 66;
  --color-primary-hsl: 357 88% 59%;
}
Geçiş
.gradient-f23a42 {
  background: linear-gradient(135deg, #f23a42, #f28e3a);
}
Renkli gölge
.shadow-f23a42 {
  box-shadow: 0 8px 24px rgb(242 58 66 / 0.35);
}

#fd0e35 Tractor Red ΔE 2.77 #e34234 Cinnabar ΔE 4.77 #e34234 Vermilion ΔE 4.77 #ff004f Folly ΔE 6.24 #e62020 Lust ΔE 6.94 #e52b50 Amaranth ΔE 7.26 #e30022 Cadmium Red ΔE 7.54 #0dc5bd Ters renk #828282 Gri tonlama 

Tractor Red
#f23a42  rgb(242, 58, 66)  hsl(357, 88%, 59%)  Tractor Red
#3af2ea  rgb(58, 242, 234)  hsl(177, 88%, 59%)  Bright Turquoise
#42f23a  rgb(66, 242, 58)  hsl(117, 88%, 59%)  Neon Green
#3a42f2  rgb(58, 66, 242)  hsl(237, 88%, 59%)  Majorelle Blue