ColorTool
Giriş yap
#D366F8

#d366f8 ≈ Heliotrope

  • macenta
  • Açıklık: yüksek
  • Doygunluk: güçlü
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#d366f8, “macenta” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %82,75 kırmızı, %40 yeşil ve %97,25 maviden oluşur; CMYK baskıda %14,92 camgöbeği, %58,87 macenta, %0 sarı ve %2,75 siyah kullanır. Ton açısı 284,79°, HSL’de doygunluğu %91,25 ve açıklığı %68,63’dir. Soğuk bir renktir ve çoğunlukla yaratıcılık, cesaret ve bireysellik ile ilişkilendirilir. Tasarımcılar onu genellikle güzellik ve kozmetik, yaratıcı stüdyolar ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 7,03:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Heliotrope (#df73ff), ΔE 3,53.

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

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

Tamamlayıcı

  1. #d366f8
  2. #8bf866

Bölünmüş tamamlayıcı

  1. #d366f8
  2. #d4f866
  3. #66f88a

Komşu

  1. #8a66f8
  2. #d366f8
  3. #f866d4

Üçlü

  1. #d366f8
  2. #f8d366
  3. #66f8d3

Dörtlü

  1. #d366f8
  2. #f8668b
  3. #8bf866
  4. #66f8d3

Kare

  1. #d366f8
  2. #f88a66
  3. #8bf866
  4. #66d4f8

Tek renkli

  1. #8f09bc
  2. #be1df5
  3. #d366f8
  4. #e8affb
  5. #f9ebfe

Koyu tonlar

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

  1. #d366f8
  2. #be5cdf
  3. #a952c6
  4. #9447ae
  5. #7f3d95
  6. #6a337c
  7. #542963
  8. #3f1f4a
  9. #2a1432
  10. #150a19
  11. #000000

Açık tonlar

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

  1. #d366f8
  2. #d775f9
  3. #dc85f9
  4. #e094fa
  5. #e5a3fb
  6. #e9b3fc
  7. #edc2fc
  8. #f2d1fd
  9. #f6e0fe
  10. #fbf0fe
  11. #ffffff

Tonlar

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

  1. #d366f8
  2. #cb69ec
  3. #c26be0
  4. #ba6ed4
  5. #b270c8
  6. #aa73bc
  7. #a176b0
  8. #9978a4
  9. #917b98
  10. #887d8c
  11. #808080

Okunaklı metin 2.99:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.03:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #959595 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b185c5 Erkeklerin ≈ 0.001% kadarı
Protanopi #3d8efd Erkeklerin ≈ 1.01% kadarı
Döteranopi #6899f4 Erkeklerin ≈ 1.27% kadarı
Tritanopi #d17fa6 Erkeklerin ≈ 0.0001% kadarı
Protanomali #9280fb Erkeklerin ≈ 1.08% kadarı
Döteranomali #9f87f6 Erkeklerin ≈ 4.63% kadarı
Tritanomali #d276cc Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-d366f8 {
  color: #d366f8;
}
Arka plan
.bg-d366f8 {
  background-color: #d366f8;
  color: #000000;
}
Kenarlık
.border-d366f8 {
  border: 2px solid #d366f8;
}
CSS değişkenleri
:root {
  --color-primary: #d366f8;
  --color-primary-rgb: 211 102 248;
  --color-primary-hsl: 285 91% 69%;
}
Geçiş
.gradient-d366f8 {
  background: linear-gradient(135deg, #d366f8, #f866d4);
}
Renkli gölge
.shadow-d366f8 {
  box-shadow: 0 8px 24px rgb(211 102 248 / 0.35);
}

#df73ff Heliotrope ΔE 3.53 #da70d6 Orchid ΔE 6.81 #b57edc Floral Lavender ΔE 7.64 #ba55d3 Medium Orchid ΔE 7.73 #ff00ff Fuchsia ΔE 7.93 #ff00ff Magenta ΔE 7.93 #ff77ff Fuchsia Pink ΔE 8.62 #2c9907 Ters renk #959595 Gri tonlama 

Heliotrope
#d366f8  rgb(211, 102, 248)  hsl(285, 91%, 69%)  Heliotrope
#8bf866  rgb(139, 248, 102)  hsl(105, 91%, 69%)  Lawn Green
#f8d366  rgb(248, 211, 102)  hsl(45, 91%, 69%)  Naples Yellow
#66f8d3  rgb(102, 248, 211)  hsl(165, 91%, 69%)  Aquamarine