ColorTool
Giriş yap
#B770F0

#b770f0 ≈ Floral Lavender

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

#b770f0, “mor” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %71,76 kırmızı, %43,92 yeşil ve %94,12 maviden oluşur; CMYK baskıda %23,75 camgöbeği, %53,33 macenta, %0 sarı ve %5,88 siyah kullanır. Ton açısı 273,28°, HSL’de doygunluğu %81,01 ve açıklığı %69,02’dir. Soğuk bir renktir ve çoğunlukla hayal gücü, maneviyat ve lüks 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 6,59:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Floral Lavender (#b57edc), ΔE 5,04.

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.2795

Tamamlayıcı

  1. #b770f0
  2. #a9f070

Bölünmüş tamamlayıcı

  1. #b770f0
  2. #e9f070
  3. #70f077

Komşu

  1. #7770f0
  2. #b770f0
  3. #f070e9

Üçlü

  1. #b770f0
  2. #f0b770
  3. #70f0b7

Dörtlü

  1. #b770f0
  2. #f070a9
  3. #a9f070
  4. #70f0b7

Kare

  1. #b770f0
  2. #f07770
  3. #a9f070
  4. #70e9f0

Tek renkli

  1. #6c13b4
  2. #942be9
  3. #b770f0
  4. #dab5f7
  5. #f6edfd

Koyu tonlar

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

  1. #b770f0
  2. #a565d8
  3. #925ac0
  4. #804ea8
  5. #6e4390
  6. #5c3878
  7. #492d60
  8. #372248
  9. #251630
  10. #120b18
  11. #000000

Açık tonlar

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

  1. #b770f0
  2. #be7ef2
  3. #c58df3
  4. #cd9bf5
  5. #d4a9f6
  6. #dbb8f8
  7. #e2c6f9
  8. #e9d4fb
  9. #f1e2fc
  10. #f8f1fe
  11. #ffffff

Tonlar

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

  1. #b770f0
  2. #b272e5
  3. #ac73da
  4. #a775ce
  5. #a176c3
  6. #9c78b8
  7. #967aad
  8. #917ba2
  9. #8b7d96
  10. #867e8b
  11. #808080

Okunaklı metin 3.19:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 6.59:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #909090 Erkeklerin ≈ 0.003% kadarı
Akromatomali #a184be Erkeklerin ≈ 0.001% kadarı
Protanopi #488df4 Erkeklerin ≈ 1.01% kadarı
Döteranopi #5f91ed Erkeklerin ≈ 1.27% kadarı
Tritanopi #af87a6 Erkeklerin ≈ 0.0001% kadarı
Protanomali #8383f3 Erkeklerin ≈ 1.08% kadarı
Döteranomali #8b85ee Erkeklerin ≈ 4.63% kadarı
Tritanomali #b27ec8 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-b770f0 {
  color: #b770f0;
}
Arka plan
.bg-b770f0 {
  background-color: #b770f0;
  color: #000000;
}
Kenarlık
.border-b770f0 {
  border: 2px solid #b770f0;
}
CSS değişkenleri
:root {
  --color-primary: #b770f0;
  --color-primary-rgb: 183 112 240;
  --color-primary-hsl: 273 81% 69%;
}
Geçiş
.gradient-b770f0 {
  background: linear-gradient(135deg, #b770f0, #f070e9);
}
Renkli gölge
.shadow-b770f0 {
  box-shadow: 0 8px 24px rgb(183 112 240 / 0.35);
}

#b57edc Floral Lavender ΔE 5.04 #df73ff Heliotrope ΔE 6.91 #9370db Medium Purple ΔE 6.99 #ba55d3 Medium Orchid ΔE 7.60 #9966cc Amethyst ΔE 7.60 #da70d6 Orchid ΔE 9.28 #9678b6 Purple Mountain Majesty ΔE 11.26 #488f0f Ters renk #909090 Gri tonlama 

Floral Lavender
#b770f0  rgb(183, 112, 240)  hsl(273, 81%, 69%)  Floral Lavender
#a9f070  rgb(169, 240, 112)  hsl(93, 81%, 69%)  Inchworm
#f0b770  rgb(240, 183, 112)  hsl(33, 81%, 69%)  Topaz
#70f0b7  rgb(112, 240, 183)  hsl(153, 81%, 69%)  Aquamarine