CSS 색상 코드 생성기이란?
모든 색상을 HEX, RGB, RGBA, HSL, HSLA, CSS 색상명 등 CSS에서 사용 가능한 모든 형식으로 변환하는 CSS 색상 코드 생성기입니다. 시각적으로 색상을 선택하거나 임의의 형식으로 값을 입력하면 즉시 모든 형식을 얻을 수 있습니다.
사용 방법
- 시각적 색상 선택기를 사용하거나 지원되는 형식(HEX, RGB, HSL)으로 값을 직접 입력하세요.
- 모든 CSS 형식으로 동시에 표시된 색상을 확인하고, 각 형식마다 원클릭 복사 버튼을 활용하세요.
- 알파 슬라이더로 불투명도를 조정해 RGBA 및 HSLA 값을 얻은 후, 필요한 CSS 코드를 복사하세요.
결과
프론트엔드 개발자가 브랜드 오렌지 #F97316을 선택하자 즉시 rgb(249, 115, 22), hsl(25, 95%, 53%) 등 모든 형식이 표시되어 스타일시트 전반에 걸쳐 일관되게 사용할 수 있었습니다.