색상 변환
색상 변환 for #12AA21 색상
화면, 페인트, 팔레트와 디지털 소재를 비교하기 위한 전체 수치 정보입니다.
색상 공간
| RGB | 18 | 170 | 33 | |
|---|---|---|---|---|
| HSL | 125.92° | 80.85% | 36.86% | |
| HSV | 125.92° | 89.41% | 66.67% | |
| CMYK | 89.41% | 0% | 80.59% | 33.33% |
| XYZ | 14.8977 | 28.9859 | 6.2482 | |
| Yxy | 28.9859 | 0.2972 | 0.5782 | |
| Hunter Lab | 53.8386 | -44.825 | 30.8088 | |
| CIE-Lab | 60.7692 | -61.3159 | 55.2179 | |
| CIE-LCH | 60.7692 | 82.5146 | 137.9955 | |
| CIE-LUV | 60.7692 | -55.7946 | 69.972 |
진법 값
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00010010 | 10101010 | 00100001 |
| Octal | 22 | 252 | 41 |
| Decimal | 18 | 170 | 33 |
| Hex | 12 | AA | 21 |
RGB 비율
CMYK 비율
어두운 톤 #12AA21
밝은 톤 #12AA21
조화
색상 조합
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#12AA21 색상 검은 배경
#12AA21 색상 예시 텍스트
#12AA21 색상 흰 배경
#12AA21 색상 예시 텍스트
#12AA21 CSS 코드
.background { background-color: #12AA21; }
.text { color: #12AA21; }
.border { border: 3px solid #12AA21; }
.shadow { box-shadow: 0 8px 28px rgba(18, 170, 33, 0.35); }CSS 미리보기
접근성
흰색 대비3.09:1큰 글자
검은색 대비6.8:1AA
웹 안전 색상#009933Near
휘도0.28990-1
언어
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#12AA21 color
PortuguêsCor #12AA21
EspañolColor #12AA21
한국어#12AA21 색상
日本語#12AA21 の色
中文#12AA21 颜色
DeutschFarbe #12AA21
FrançaisCouleur #12AA21
조합
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #12AA21 색상.
비슷한 색
See 초록 계열
Similar colors
숲 초록 (web)
Forest green (web)
깊은 초록
Deep Green
Islamic 초록
Islamic green
선명한 malachite
Vivid malachite
Wageningen 초록
Wageningen Green
Ao (english)
Ao (English)
초록 (html/css color)
Green (HTML/CSS color)
Office 초록
Office green
어두운 pastel 초록
Dark pastel green
Electric 초록
Electric green
초록 (color wheel) (x11 초록)
Green (Color Wheel) (X11 green)
라임 (web) (x11 초록)
Lime (web) (X11 green)