이름 색상 · #9500FF
Star Platinum Purple
Star Platinum Purple은(는) #9500FF: rgb(149 0 255), hsl(275 100% 50%), oklch(0.555 0.295 300.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Star Platinum Purple color name →
#9500FF
oklch(0.555 0.295 300.7)
색상 변환
- HEX
- #9500ff
- RGB
- rgb(149 0 255)
- HSL
- hsl(275 100% 50%)
- HWB
- hwb(275 0% 0%)
- OKLCH
- oklch(0.555 0.295 300.7)
- OKLab
- oklab(0.555 0.151 -0.254)
- CIE Lab
- lab(42.38 77.12 -90.31)
- LCH
- lch(42.38 118.76 310.5)
- CMYK
- cmyk(42% 100% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- 9E3FFF
- A85CFF
- B275FF
- BC8AFF
- C69FFF
- D1B3FF
- DCC6FF
- E8D9FF
- F3ECFF
셰이드
- 8100DE
- 6D00BE
- 5A009E
- 480080
- 370063
- 260048
- 16002E
- 080016
- 010003
톤
- 922DF3
- 9040E7
- 8D4EDB
- 8B58CF
- 8961C2
- 8769B6
- 8570A9
- 83769C
- 817B8E
색 조화
보색 +180°
- 9500FF
Star Platinum Purple
- 697E00
≈ Topiary Garden
유사색 -30° +30°
- 9500FF
Star Platinum Purple
- 4457FF
≈ Hooloovoo Blue
- BD00B5
≈ Kinky Koala
삼각 배색 +120° +240°
- 9500FF
Star Platinum Purple
- A85E00
≈ Raw Umber
- 008676
≈ Summer Turquoise
분열 보색 +150° +210°
- 9500FF
Star Platinum Purple
- 8C6F00
≈ Vermin Brown
- 008A41
≈ Cold Green
사각 배색 +90° +180° +270°
- 9500FF
Star Platinum Purple
- D51900
≈ Dragon’s Breath
- 697E00
≈ Topiary Garden
- 008292
≈ Island Lush
대비 및 접근성
Ag
AA흰색 위
WCAG 5.64:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 3.72:1 · APCA Lc 26
가장 좋은 글자색: #FFFFFF
WCAG 5.64:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--star-platinum-purple: #9500ff;
--star-platinum-purple-rgb: 149 0 255;
--star-platinum-purple-oklch: oklch(0.555 0.295 300.7);
}
.element {
color: var(--star-platinum-purple);
background-color: hsl(275 100% 50%);
border-color: oklch(0.555 0.295 300.7);
}Tailwind CSS v4
@theme {
--color-star-platinum-purple: #9500ff;
--color-star-platinum-purple-50: #ffe1ff;
--color-star-platinum-purple-100: #fbcfff;
--color-star-platinum-purple-200: #eeb2ff;
--color-star-platinum-purple-300: #d688ff;
--color-star-platinum-purple-400: #bf5eff;
--color-star-platinum-purple-500: #ad10ff;
--color-star-platinum-purple-600: #9219f6;
--color-star-platinum-purple-700: #7516c6;
--color-star-platinum-purple-800: #540f97;
--color-star-platinum-purple-900: #3a0b6b;
--color-star-platinum-purple-950: #25004b;
}SCSS
$star-platinum-purple: #9500ff;
$star-platinum-purple-rgb: 149, 0, 255;
$star-platinum-purple-light: mix(#fff, $star-platinum-purple, 20%);
$star-platinum-purple-dark: mix(#000, $star-platinum-purple, 20%);
.element {
color: $star-platinum-purple;
box-shadow: 0 0 0 2px rgba($star-platinum-purple, 0.35);
}