이름 색상 · #9F0FEF

Zǐ Lúo Lán Sè Violet

Zǐ Lúo Lán Sè Violet은(는) #9F0FEF: rgb(159 15 239), hsl(279 88% 50%), oklch(0.557 0.281 306.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Purple mean? → · Zǐ Lúo Lán Sè Violet color name →

#9F0FEF

oklch(0.557 0.281 306.8)

색상 변환

HEX: #9f0fef
RGB: rgb(159 15 239)
HSL: hsl(279 88% 50%)
HWB: hwb(279 6% 6%)
OKLCH: oklch(0.557 0.281 306.8)
OKLab: oklab(0.557 0.168 -0.225)
CIE Lab: lab(43.2 74.57 -79.93)
LCH: lch(43.2 109.31 313)
CMYK: cmyk(33% 94% 0% 6%)

틴트 · 셰이드 · 톤

틴트

A840F3
B25CF6
BB74F9
C589FB
CE9EFD
D8B2FE
E1C5FF
EBD9FF
F5ECFF

셰이드

8A0BD0
7508B1
610594
4D0378
3B025C
290142
18002A
090014
010003

톤

9C2FE5
9941DA
964DCF
9358C5
8F60BA
8C68AF
896FA4
867598
837B8C

색 조화

보색 +180°

9F0FEF
Zǐ Lúo Lán Sè Violet
5D8200
≈ Avocado

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

9F0FEF
Zǐ Lúo Lán Sè Violet
877300
≈ Soft Fig
008A52
≈ English Meadow

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 5.54:1 · APCA Lc 76

검은색 위

WCAG 3.78:1 · APCA Lc 26

Fail

가장 좋은 글자색: #FFFFFF

WCAG 5.54:1 (AA) · APCA Lc 76

Contrast pairs

코드 스니펫

CSS

:root {
  --zi-luo-lan-se-violet: #9f0fef;
  --zi-luo-lan-se-violet-rgb: 159 15 239;
  --zi-luo-lan-se-violet-oklch: oklch(0.557 0.281 306.8);
}

.element {
  color: var(--zi-luo-lan-se-violet);
  background-color: hsl(279 88% 50%);
  border-color: oklch(0.557 0.281 306.8);
}

Tailwind CSS v4

@theme {
  --color-zi-luo-lan-se-violet: #9f0fef;
  --color-zi-luo-lan-se-violet-50: #ffdfff;
  --color-zi-luo-lan-se-violet-100: #ffceff;
  --color-zi-luo-lan-se-violet-200: #f7b0ff;
  --color-zi-luo-lan-se-violet-300: #e187ff;
  --color-zi-luo-lan-se-violet-400: #ca5eff;
  --color-zi-luo-lan-se-violet-500: #b71aff;
  --color-zi-luo-lan-se-violet-600: #9b1ee7;
  --color-zi-luo-lan-se-violet-700: #7c19ba;
  --color-zi-luo-lan-se-violet-800: #5a118d;
  --color-zi-luo-lan-se-violet-900: #3f0c64;
  --color-zi-luo-lan-se-violet-950: #280045;
}

SCSS

$zi-luo-lan-se-violet: #9f0fef;
$zi-luo-lan-se-violet-rgb: 159, 15, 239;
$zi-luo-lan-se-violet-light: mix(#fff, $zi-luo-lan-se-violet, 20%);
$zi-luo-lan-se-violet-dark: mix(#000, $zi-luo-lan-se-violet, 20%);

.element {
  color: $zi-luo-lan-se-violet;
  box-shadow: 0 0 0 2px rgba($zi-luo-lan-se-violet, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API