ColorTool
Giriş yap
#D60E5A

#d60e5a ≈ Ruby

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

#d60e5a, “gül kırmızısı” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %83,92 kırmızı, %5,49 yeşil ve %35,29 maviden oluşur; CMYK baskıda %0 camgöbeği, %93,46 macenta, %57,94 sarı ve %16,08 siyah kullanır. Ton açısı 337,2°, HSL’de doygunluğu %87,72 ve açıklığı %44,71’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 beyaz metin 5,16:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Ruby (#e0115f), ΔE 2,27.

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

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

Tamamlayıcı

  1. #d60e5a
  2. #0ed68a

Bölünmüş tamamlayıcı

  1. #d60e5a
  2. #0ed626
  3. #0ebed6

Komşu

  1. #d60ebe
  2. #d60e5a
  3. #d6260e

Üçlü

  1. #d60e5a
  2. #5ad60e
  3. #0e5ad6

Dörtlü

  1. #d60e5a
  2. #d68a0e
  3. #0ed68a
  4. #0e5ad6

Kare

  1. #d60e5a
  2. #bed60e
  3. #0ed68a
  4. #260ed6

Tek renkli

  1. #46051e
  2. #8e093c
  3. #d60e5a
  4. #f23e83
  5. #f786b1

Koyu tonlar

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

  1. #d60e5a
  2. #c10d51
  3. #ab0b48
  4. #960a3f
  5. #800836
  6. #6b072d
  7. #560624
  8. #40041b
  9. #2b0312
  10. #150109
  11. #000000

Açık tonlar

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

  1. #d60e5a
  2. #da266b
  3. #de3e7b
  4. #e2568c
  5. #e66e9c
  6. #eb87ad
  7. #ef9fbd
  8. #f3b7ce
  9. #f7cfde
  10. #fbe7ef
  11. #ffffff

Tonlar

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

  1. #d60e5a
  2. #cd195e
  3. #c52562
  4. #bc3065
  5. #b43c69
  6. #ab476d
  7. #a25271
  8. #9a5e75
  9. #916978
  10. #89757c
  11. #808080

Okunaklı metin 5.16:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.07:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #6d6d6d Erkeklerin ≈ 0.003% kadarı
Akromatomali #a25666 Erkeklerin ≈ 0.001% kadarı
Protanopi #53555b Erkeklerin ≈ 1.01% kadarı
Döteranopi #837a55 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ea0036 Erkeklerin ≈ 0.0001% kadarı
Protanomali #99435b Erkeklerin ≈ 1.08% kadarı
Döteranomali #ab6157 Erkeklerin ≈ 4.63% kadarı
Tritanomali #e30047 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-d60e5a {
  color: #d60e5a;
}
Arka plan
.bg-d60e5a {
  background-color: #d60e5a;
  color: #ffffff;
}
Kenarlık
.border-d60e5a {
  border: 2px solid #d60e5a;
}
CSS değişkenleri
:root {
  --color-primary: #d60e5a;
  --color-primary-rgb: 214 14 90;
  --color-primary-hsl: 337 88% 45%;
}
Geçiş
.gradient-d60e5a {
  background: linear-gradient(135deg, #d60e5a, #d6260e);
}
Renkli gölge
.shadow-d60e5a {
  box-shadow: 0 8px 24px rgb(214 14 90 / 0.35);
}

#e0115f Ruby ΔE 2.27 #e30b5c Raspberry ΔE 2.83 #d71868 Dogwood Rose ΔE 3.30 #de3163 Cerise ΔE 4.24 #e3256b Razzmatazz ΔE 4.60 #cb4154 Brick Red ΔE 6.62 #cf3476 Telemagenta ΔE 6.71 #29f1a5 Ters renk #6d6d6d Gri tonlama 

Ruby
#d60e5a  rgb(214, 14, 90)  hsl(337, 88%, 45%)  Ruby
#0ed68a  rgb(14, 214, 138)  hsl(157, 88%, 45%)  Emerald
#5ad60e  rgb(90, 214, 14)  hsl(97, 88%, 45%)  Lime Green
#0e5ad6  rgb(14, 90, 214)  hsl(217, 88%, 45%)  Sapphire