컬러 변환기 · 그라데이션 생성기
HEX/RGB/HSL 변환 · Alpha(투명도) · 대비비율 · CSS 코드/변수 · 선형/원형 그라데이션 생성
컬러 입력
색상
HEX(#RRGGBB/#RRGGBBAA), RGB, HSL 모두 입력 가능
컬러 피커
#5B4BFF
투명도
100%
RGBA/HSLA, #RRGGBBAA 반영
변환 결과
HEX
#5B4BFF HEX (Alpha)
#5B4BFFFF RGB
rgb(91, 75, 255) RGBA
rgba(91, 75, 255, 1) HSL
hsl(248, 100%, 65%) HSLA
hsla(248, 100%, 65%, 1) CSS 변수
--kk-color: #5B4BFF; 대비(가독성)
흰색(#fff)
-
검정(#000)
-
WCAG 대비비율(예: 4.5 이상 권장)
그라데이션 생성
Preview linear
유형
각도
135°
색상 1
%
위치(Stop)
색상 2
%
위치(Stop)
3번째 색
%
반복
반복은 패턴형 그라데이션
CSS 코드
'유틸리티' 카테고리의 다른 글
| 대출상환계산기 (0) | 2026.02.09 |
|---|---|
| 퇴직금계산기 (0) | 2026.02.09 |
| 마진 계산기 (판매순수익 계산) (0) | 2026.02.09 |
| 글자수 계산기 (0) | 2026.02.09 |
| Box-Shadow / Border-Radius 생성기 (0) | 2026.02.09 |