ColorTool
Giriş yap
#BB97F5

#bb97f5 ≈ Floral Lavender

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

#bb97f5, “mor” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %73,33 kırmızı, %59,22 yeşil ve %96,08 maviden oluşur; CMYK baskıda %23,67 camgöbeği, %38,37 macenta, %0 sarı ve %3,92 siyah kullanır. Ton açısı 262,98°, HSL’de doygunluğu %82,46 ve açıklığı %77,65’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 yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 8,86:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Floral Lavender (#b57edc), ΔE 7,24.

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

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

Tamamlayıcı

  1. #bb97f5
  2. #d1f597

Bölünmüş tamamlayıcı

  1. #bb97f5
  2. #f5ea97
  3. #a2f597

Komşu

  1. #97a2f5
  2. #bb97f5
  3. #ea97f5

Üçlü

  1. #bb97f5
  2. #f5bb97
  3. #97f5bb

Dörtlü

  1. #bb97f5
  2. #f597d1
  3. #d1f597
  4. #97f5bb

Kare

  1. #bb97f5
  2. #f597a2
  3. #d1f597
  4. #97f5ea

Tek renkli

  1. #6215de
  2. #8d51ee
  3. #bb97f5
  4. #e9ddfc
  5. #f3ecfd

Koyu tonlar

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

  1. #bb97f5
  2. #a888dd
  3. #9679c4
  4. #836aac
  5. #705b93
  6. #5e4c7b
  7. #4b3c62
  8. #382d4a
  9. #251e31
  10. #130f19
  11. #000000

Açık tonlar

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

  1. #bb97f5
  2. #c2a1f6
  3. #c9acf7
  4. #cfb6f8
  5. #d6c1f9
  6. #ddcbfa
  7. #e4d5fb
  8. #ebe0fc
  9. #f1eafd
  10. #f8f5fe
  11. #ffffff

Tonlar

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

  1. #bb97f5
  2. #b595e9
  3. #af92de
  4. #a990d2
  5. #a38ec6
  6. #9e8cbb
  7. #9889af
  8. #9287a3
  9. #8c8597
  10. #86828c
  11. #808080

Okunaklı metin 2.37:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.86:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a8a8a8 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b0a2cc Erkeklerin ≈ 0.001% kadarı
Protanopi #80a8f9 Erkeklerin ≈ 1.01% kadarı
Döteranopi #87a8f3 Erkeklerin ≈ 1.27% kadarı
Tritanopi #b1a6ba Erkeklerin ≈ 0.0001% kadarı
Protanomali #9ba1f7 Erkeklerin ≈ 1.08% kadarı
Döteranomali #9ea1f4 Erkeklerin ≈ 4.63% kadarı
Tritanomali #b5a1d4 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-bb97f5 {
  color: #bb97f5;
}
Arka plan
.bg-bb97f5 {
  background-color: #bb97f5;
  color: #000000;
}
Kenarlık
.border-bb97f5 {
  border: 2px solid #bb97f5;
}
CSS değişkenleri
:root {
  --color-primary: #bb97f5;
  --color-primary-rgb: 187 151 245;
  --color-primary-hsl: 263 82% 78%;
}
Geçiş
.gradient-bb97f5 {
  background: linear-gradient(135deg, #bb97f5, #ea97f5);
}
Renkli gölge
.shadow-bb97f5 {
  box-shadow: 0 8px 24px rgb(187 151 245 / 0.35);
}

#b57edc Floral Lavender ΔE 7.24 #c9a0dc Wisteria ΔE 8.01 #e0b0ff Mauve ΔE 8.57 #df73ff Heliotrope ΔE 10.61 #dda0dd Plum ΔE 10.97 #ee82ee Violet ΔE 11.62 #9370db Medium Purple ΔE 12.28 #44680a Ters renk #a8a8a8 Gri tonlama 

Floral Lavender
#bb97f5  rgb(187, 151, 245)  hsl(263, 82%, 78%)  Floral Lavender
#d1f597  rgb(209, 245, 151)  hsl(83, 82%, 78%)  Inchworm
#f5bb97  rgb(245, 187, 151)  hsl(23, 82%, 78%)  Tumbleweed
#97f5bb  rgb(151, 245, 187)  hsl(143, 82%, 78%)  Aquamarine