ColorTool
Giriş yap
#F03386

#f03386 ≈ Rose

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

#f03386, “gül kırmızısı” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %94,12 kırmızı, %20 yeşil ve %52,55 maviden oluşur; CMYK baskıda %0 camgöbeği, %78,75 macenta, %44,17 sarı ve %5,88 siyah kullanır. Ton açısı 333,65°, HSL’de doygunluğu %86,3 ve açıklığı %57,06’dir. Sıcak bir renktir ve çoğunlukla romantizm, oyunculuk ve sevgi 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,52:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Rose (#ff007f), ΔE 2,85.

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

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

Tamamlayıcı

  1. #f03386
  2. #33f09d

Bölünmüş tamamlayıcı

  1. #f03386
  2. #33f03f
  3. #33e5f0

Komşu

  1. #f033e5
  2. #f03386
  3. #f03f33

Üçlü

  1. #f03386
  2. #86f033
  3. #3386f0

Dörtlü

  1. #f03386
  2. #f09d33
  3. #33f09d
  4. #3386f0

Kare

  1. #f03386
  2. #e5f033
  3. #33f09d
  4. #3f33f0

Tek renkli

  1. #81093e
  2. #c80f60
  3. #f03386
  4. #f57ab0
  5. #fac2db

Koyu tonlar

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

  1. #f03386
  2. #d82e79
  3. #c0296b
  4. #a8245e
  5. #901f50
  6. #781a43
  7. #601436
  8. #480f28
  9. #300a1b
  10. #18050d
  11. #000000

Açık tonlar

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

  1. #f03386
  2. #f24792
  3. #f35c9e
  4. #f570aa
  5. #f685b6
  6. #f899c3
  7. #f9adcf
  8. #fbc2db
  9. #fcd6e7
  10. #feebf3
  11. #ffffff

Tonlar

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

  1. #f03386
  2. #e53b85
  3. #da4285
  4. #ce4a84
  5. #c35284
  6. #b85a83
  7. #ad6182
  8. #a26982
  9. #967181
  10. #8b7881
  11. #808080

Okunaklı metin 3.8:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.52:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #838383 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b96c84 Erkeklerin ≈ 0.001% kadarı
Protanopi #616c88 Erkeklerin ≈ 1.01% kadarı
Döteranopi #949082 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ff0059 Erkeklerin ≈ 0.0001% kadarı
Protanomali #ad5a87 Erkeklerin ≈ 1.08% kadarı
Döteranomali #c07683 Erkeklerin ≈ 4.63% kadarı
Tritanomali #fd1c6e Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f03386 {
  color: #f03386;
}
Arka plan
.bg-f03386 {
  background-color: #f03386;
  color: #000000;
}
Kenarlık
.border-f03386 {
  border: 2px solid #f03386;
}
CSS değişkenleri
:root {
  --color-primary: #f03386;
  --color-primary-rgb: 240 51 134;
  --color-primary-hsl: 334 86% 57%;
}
Geçiş
.gradient-f03386 {
  background: linear-gradient(135deg, #f03386, #f03f33);
}
Renkli gölge
.shadow-f03386 {
  box-shadow: 0 8px 24px rgb(240 51 134 / 0.35);
}

#ff007f Rose ΔE 2.85 #ff1493 Deep Pink ΔE 3.23 #f64a8a French Rose ΔE 3.84 #fe28a2 Persian Rose ΔE 5.46 #e3256b Razzmatazz ΔE 5.93 #ff43a4 Wild Strawberry ΔE 6.06 #de5d83 Blush ΔE 6.25 #0fcc79 Ters renk #838383 Gri tonlama 

Rose
#f03386  rgb(240, 51, 134)  hsl(334, 86%, 57%)  Rose
#33f09d  rgb(51, 240, 157)  hsl(154, 86%, 57%)  Medium Spring Green
#86f033  rgb(134, 240, 51)  hsl(94, 86%, 57%)  Lawn Green
#3386f0  rgb(51, 134, 240)  hsl(214, 86%, 57%)  Bleu de France