ColorTool
Giriş yap
#F33C67

#f33c67 ≈ Neon Fuchsia

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

#f33c67, “kırmızı” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %95,29 kırmızı, %23,53 yeşil ve %40,39 maviden oluşur; CMYK baskıda %0 camgöbeği, %75,31 macenta, %57,61 sarı ve %4,71 siyah kullanır. Ton açısı 345,9°, HSL’de doygunluğu %88,41 ve açıklığı %59,41’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,65:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Neon Fuchsia (#fe4164), ΔE 3,28.

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

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

Tamamlayıcı

  1. #f33c67
  2. #3cf3c8

Bölünmüş tamamlayıcı

  1. #f33c67
  2. #3cf36c
  3. #3cc3f3

Komşu

  1. #f33cc3
  2. #f33c67
  3. #f36c3c

Üçlü

  1. #f33c67
  2. #67f33c
  3. #3c67f3

Dörtlü

  1. #f33c67
  2. #f3c83c
  3. #3cf3c8
  4. #3c67f3

Kare

  1. #f33c67
  2. #c3f33c
  3. #3cf3c8
  4. #6c3cf3

Tek renkli

  1. #8d0928
  2. #d50d3c
  3. #f33c67
  4. #f7849f
  5. #fcccd7

Koyu tonlar

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

  1. #f33c67
  2. #db365d
  3. #c23052
  4. #aa2a48
  5. #92243e
  6. #7a1e34
  7. #611829
  8. #49121f
  9. #310c15
  10. #18060a
  11. #000000

Açık tonlar

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

  1. #f33c67
  2. #f45076
  3. #f56385
  4. #f77795
  5. #f88aa4
  6. #f99eb3
  7. #fab1c2
  8. #fbc5d1
  9. #fdd8e1
  10. #feecf0
  11. #ffffff

Tonlar

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

  1. #f33c67
  2. #e8436a
  3. #dc4a6c
  4. #d1506f
  5. #c55771
  6. #ba5e74
  7. #ae6576
  8. #a36c79
  9. #97727b
  10. #8c797e
  11. #808080

Okunaklı metin 3.71:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.65:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #858585 Erkeklerin ≈ 0.003% kadarı
Akromatomali #bb6f7a Erkeklerin ≈ 0.001% kadarı
Protanopi #6e6d68 Erkeklerin ≈ 1.01% kadarı
Döteranopi #9d9262 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ff004e Erkeklerin ≈ 0.0001% kadarı
Protanomali #b35d67 Erkeklerin ≈ 1.08% kadarı
Döteranomali #c57964 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ff1e59 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#fe4164 Neon Fuchsia ΔE 3.28 #ff004f Folly ΔE 5.25 #de3163 Cerise ΔE 5.47 #e52b50 Amaranth ΔE 5.66 #e3256b Razzmatazz ΔE 6.64 #e30b5c Raspberry ΔE 6.87 #e0115f Ruby ΔE 7.45 #0cc398 Ters renk #858585 Gri tonlama 

Neon Fuchsia
#f33c67  rgb(243, 60, 103)  hsl(346, 88%, 59%)  Neon Fuchsia
#3cf3c8  rgb(60, 243, 200)  hsl(166, 88%, 59%)  Aquamarine
#67f33c  rgb(103, 243, 60)  hsl(106, 88%, 59%)  Neon Green
#3c67f3  rgb(60, 103, 243)  hsl(226, 88%, 59%)  Ultramarine Blue