ColorTool
Giriş yap
#B488F5

#b488f5 ≈ Floral Lavender

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

#b488f5, “mor” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %70,59 kırmızı, %53,33 yeşil ve %96,08 maviden oluşur; CMYK baskıda %26,53 camgöbeği, %44,49 macenta, %0 sarı ve %3,92 siyah kullanır. Ton açısı 264,22°, HSL’de doygunluğu %84,5 ve açıklığı %74,71’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 7,78:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Floral Lavender (#b57edc), ΔE 4,97.

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

Tamamlayıcı

  1. #b488f5
  2. #c9f588

Bölünmüş tamamlayıcı

  1. #b488f5
  2. #f5eb88
  3. #93f588

Komşu

  1. #8893f5
  2. #b488f5
  3. #eb88f5

Üçlü

  1. #b488f5
  2. #f5b488
  3. #88f5b4

Dörtlü

  1. #b488f5
  2. #f588c9
  3. #c9f588
  4. #88f5b4

Kare

  1. #b488f5
  2. #f58893
  3. #c9f588
  4. #88f5eb

Tek renkli

  1. #5f12d2
  2. #8841ef
  3. #b488f5
  4. #e0cffb
  5. #f3ecfd

Koyu tonlar

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

  1. #b488f5
  2. #a27add
  3. #906dc4
  4. #7e5fac
  5. #6c5293
  6. #5a447b
  7. #483662
  8. #36294a
  9. #241b31
  10. #120e19
  11. #000000

Açık tonlar

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

  1. #b488f5
  2. #bc94f6
  3. #c3a0f7
  4. #cbacf8
  5. #d2b8f9
  6. #dac4fa
  7. #e1cffb
  8. #e9dbfc
  9. #f0e7fd
  10. #f8f3fe
  11. #ffffff

Tonlar

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

  1. #b488f5
  2. #af87e9
  3. #aa86de
  4. #a486d2
  5. #9f85c6
  6. #9a84bb
  7. #9583af
  8. #9082a3
  9. #8a8297
  10. #85818c
  11. #808080

Okunaklı metin 2.7:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.78:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #9d9d9d Erkeklerin ≈ 0.003% kadarı
Akromatomali #a795c7 Erkeklerin ≈ 0.001% kadarı
Protanopi #699df9 Erkeklerin ≈ 1.01% kadarı
Döteranopi #739df2 Erkeklerin ≈ 1.27% kadarı
Tritanopi #a89bb3 Erkeklerin ≈ 0.0001% kadarı
Protanomali #8d95f7 Erkeklerin ≈ 1.08% kadarı
Döteranomali #9295f3 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ad94d1 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-b488f5 {
  color: #b488f5;
}
Arka plan
.bg-b488f5 {
  background-color: #b488f5;
  color: #000000;
}
Kenarlık
.border-b488f5 {
  border: 2px solid #b488f5;
}
CSS değişkenleri
:root {
  --color-primary: #b488f5;
  --color-primary-rgb: 180 136 245;
  --color-primary-hsl: 264 85% 75%;
}
Geçiş
.gradient-b488f5 {
  background: linear-gradient(135deg, #b488f5, #eb88f5);
}
Renkli gölge
.shadow-b488f5 {
  box-shadow: 0 8px 24px rgb(180 136 245 / 0.35);
}

#b57edc Floral Lavender ΔE 4.97 #df73ff Heliotrope ΔE 8.76 #9370db Medium Purple ΔE 8.84 #c9a0dc Wisteria ΔE 10.92 #9966cc Amethyst ΔE 11.27 #9678b6 Purple Mountain Majesty ΔE 11.51 #da70d6 Orchid ΔE 11.60 #4b770a Ters renk #9d9d9d Gri tonlama 

Floral Lavender
#b488f5  rgb(180, 136, 245)  hsl(264, 85%, 75%)  Floral Lavender
#c9f588  rgb(201, 245, 136)  hsl(84, 85%, 75%)  Inchworm
#f5b488  rgb(245, 180, 136)  hsl(24, 85%, 75%)  Tumbleweed
#88f5b4  rgb(136, 245, 180)  hsl(144, 85%, 75%)  Aquamarine