ColorTool
Giriş yap
#BB97F4

#bb97f4 ≈ Floral Lavender

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

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

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

Tamamlayıcı

  1. #bb97f4
  2. #d0f497

Bölünmüş tamamlayıcı

  1. #bb97f4
  2. #f4ea97
  3. #a1f497

Komşu

  1. #97a1f4
  2. #bb97f4
  3. #ea97f4

Üçlü

  1. #bb97f4
  2. #f4bb97
  3. #97f4bb

Dörtlü

  1. #bb97f4
  2. #f497d0
  3. #d0f497
  4. #97f4bb

Kare

  1. #bb97f4
  2. #f497a1
  3. #d0f497
  4. #97f4ea

Tek renkli

  1. #6317db
  2. #8e52ed
  3. #bb97f4
  4. #e8dcfb
  5. #f3edfd

Koyu tonlar

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

  1. #bb97f4
  2. #a888dc
  3. #9679c3
  4. #836aab
  5. #705b92
  6. #5e4c7a
  7. #4b3c62
  8. #382d49
  9. #251e31
  10. #130f18
  11. #000000

Açık tonlar

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

  1. #bb97f4
  2. #c2a1f5
  3. #c9acf6
  4. #cfb6f7
  5. #d6c1f8
  6. #ddcbfa
  7. #e4d5fb
  8. #ebe0fc
  9. #f1eafd
  10. #f8f5fe
  11. #ffffff

Tonlar

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

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

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

Akromatopsi #a8a8a8 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b0a2cb Erkeklerin ≈ 0.001% kadarı
Protanopi #80a8f8 Erkeklerin ≈ 1.01% kadarı
Döteranopi #87a8f2 Erkeklerin ≈ 1.27% kadarı
Tritanopi #b1a6ba Erkeklerin ≈ 0.0001% kadarı
Protanomali #9ba1f6 Erkeklerin ≈ 1.08% kadarı
Döteranomali #9fa1f3 Erkeklerin ≈ 4.63% kadarı
Tritanomali #b5a0d4 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#b57edc Floral Lavender ΔE 7.17 #c9a0dc Wisteria ΔE 7.85 #e0b0ff Mauve ΔE 8.51 #df73ff Heliotrope ΔE 10.63 #dda0dd Plum ΔE 10.83 #ee82ee Violet ΔE 11.56 #9370db Medium Purple ΔE 12.29 #44680b Ters renk #a8a8a8 Gri tonlama 

Floral Lavender
#bb97f4  rgb(187, 151, 244)  hsl(263, 81%, 77%)  Floral Lavender
#d0f497  rgb(208, 244, 151)  hsl(83, 81%, 77%)  Inchworm
#f4bb97  rgb(244, 187, 151)  hsl(23, 81%, 77%)  Tumbleweed
#97f4bb  rgb(151, 244, 187)  hsl(143, 81%, 77%)  Aquamarine