이름 색상 · #00FF04

Electric Pickle

Electric Pickle은(는) #00FF04: rgb(0 255 4), hsl(121 100% 50%), oklch(0.866 0.294 142.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Green mean? → · Electric Pickle color name →

#00FF04

oklch(0.866 0.294 142.5)

색상 변환

HEX: #00ff04
RGB: rgb(0 255 4)
HSL: hsl(121 100% 50%)
HWB: hwb(121 0% 0%)
OKLCH: oklch(0.866 0.294 142.5)
OKLab: oklab(0.866 -0.234 0.179)
CIE Lab: lab(87.82 -79.23 80.71)
LCH: lch(87.82 113.1 134.5)
CMYK: cmyk(100% 0% 98% 0%)

틴트 · 셰이드 · 톤

틴트

4CFF46
6CFF64
85FF7D
9AFF92
ADFFA6
BFFFB9
D0FFCB
E0FFDD
F0FFEE

셰이드

00DE03
00BE02
009E01
008001
006300
004800
002E00
001600
000300

톤

38F233
4DE647
5BD955
65CC5F
6DC067
73B36E
78A674
7C9A79
7E8D7D

색 조화

보색 +180°

00FF04
Electric Pickle
F7BAFF
≈ Brilliant Lavender

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.37:1 · APCA Lc 17

Fail

검은색 위

WCAG 15.30:1 · APCA Lc 86

AAA

가장 좋은 글자색: #000000

WCAG 15.30:1 (AAA) · APCA Lc 86

Contrast pairs

코드 스니펫

CSS

:root {
  --electric-pickle: #00ff04;
  --electric-pickle-rgb: 0 255 4;
  --electric-pickle-oklch: oklch(0.866 0.294 142.5);
}

.element {
  color: var(--electric-pickle);
  background-color: hsl(121 100% 50%);
  border-color: oklch(0.866 0.294 142.5);
}

Tailwind CSS v4

@theme {
  --color-electric-pickle: #00ff04;
  --color-electric-pickle-50: #c0ffc0;
  --color-electric-pickle-100: #a8ffa9;
  --color-electric-pickle-200: #7af47f;
  --color-electric-pickle-300: #2adc44;
  --color-electric-pickle-400: #00c500;
  --color-electric-pickle-500: #00ae00;
  --color-electric-pickle-600: #009300;
  --color-electric-pickle-700: #007600;
  --color-electric-pickle-800: #005700;
  --color-electric-pickle-900: #003d00;
  --color-electric-pickle-950: #002600;
}

SCSS

$electric-pickle: #00ff04;
$electric-pickle-rgb: 0, 255, 4;
$electric-pickle-light: mix(#fff, $electric-pickle, 20%);
$electric-pickle-dark: mix(#000, $electric-pickle, 20%);

.element {
  color: $electric-pickle;
  box-shadow: 0 0 0 2px rgba($electric-pickle, 0.35);
}

비슷한 이름 색상

도구에서 열기

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