ColorTool
Giriş yap
#BB97F3

#bb97f3 ≈ Floral Lavender

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

#bb97f3, “mor” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %73,33 kırmızı, %59,22 yeşil ve %95,29 maviden oluşur; CMYK baskıda %23,05 camgöbeği, %37,86 macenta, %0 sarı ve %4,71 siyah kullanır. Ton açısı 263,48°, HSL’de doygunluğu %79,31 ve açıklığı %77,25’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,83:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Floral Lavender (#b57edc), ΔE 7,11.

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

Tamamlayıcı

  1. #bb97f3
  2. #cff397

Bölünmüş tamamlayıcı

  1. #bb97f3
  2. #f3e997
  3. #a1f397

Komşu

  1. #97a1f3
  2. #bb97f3
  3. #e997f3

Üçlü

  1. #bb97f3
  2. #f3bb97
  3. #97f3bb

Dörtlü

  1. #bb97f3
  2. #f397cf
  3. #cff397
  4. #97f3bb

Kare

  1. #bb97f3
  2. #f397a1
  3. #cff397
  4. #97f3e9

Tek renkli

  1. #6419d8
  2. #8e52eb
  3. #bb97f3
  4. #e8dcfb
  5. #f3edfd

Koyu tonlar

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

  1. #bb97f3
  2. #a888db
  3. #9679c2
  4. #836aaa
  5. #705b92
  6. #5e4c7a
  7. #4b3c61
  8. #382d49
  9. #251e31
  10. #130f18
  11. #000000

Açık tonlar

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

  1. #bb97f3
  2. #c2a1f4
  3. #c9acf5
  4. #cfb6f7
  5. #d6c1f8
  6. #ddcbf9
  7. #e4d5fa
  8. #ebe0fb
  9. #f1eafd
  10. #f8f5fe
  11. #ffffff

Tonlar

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

  1. #bb97f3
  2. #b595e8
  3. #af92dc
  4. #a990d1
  5. #a38ec5
  6. #9e8cba
  7. #9889ae
  8. #9287a3
  9. #8c8597
  10. #86828c
  11. #808080

Okunaklı metin 2.38:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.83:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a8a8a8 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b0a1ca Erkeklerin ≈ 0.001% kadarı
Protanopi #81a8f7 Erkeklerin ≈ 1.01% kadarı
Döteranopi #88a8f1 Erkeklerin ≈ 1.27% kadarı
Tritanopi #b1a6ba Erkeklerin ≈ 0.0001% kadarı
Protanomali #9ba1f5 Erkeklerin ≈ 1.08% kadarı
Döteranomali #9fa1f2 Erkeklerin ≈ 4.63% kadarı
Tritanomali #b5a0d3 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#b57edc Floral Lavender ΔE 7.11 #c9a0dc Wisteria ΔE 7.68 #e0b0ff Mauve ΔE 8.45 #df73ff Heliotrope ΔE 10.64 #dda0dd Plum ΔE 10.70 #ee82ee Violet ΔE 11.51 #9370db Medium Purple ΔE 12.30 #44680c Ters renk #a8a8a8 Gri tonlama 

Floral Lavender
#bb97f3  rgb(187, 151, 243)  hsl(263, 79%, 77%)  Floral Lavender
#cff397  rgb(207, 243, 151)  hsl(83, 79%, 77%)  Inchworm
#f3bb97  rgb(243, 187, 151)  hsl(23, 79%, 77%)  Tumbleweed
#97f3bb  rgb(151, 243, 187)  hsl(143, 79%, 77%)  Aquamarine