색상 코드 변환
HEX, RGB, HSL과 투명도를 변환하고 색을 미리 보며 바로 쓸 수 있는 CSS 값을 복사합니다.
디자인 도구
색상 변환, 글자 명암 대비 확인, CSS 효과 제작과 화면 비율 계산에 활용하세요.
색상 명암 대비 검사
WCAG 2.2에 따라 글자와 배경의 대비를 계산하고 일반·큰 글자의 AA와 AAA 충족 여부를 표시합니다.
CSS 그라디언트 생성기
선형·방사형 그라디언트의 색상, 위치와 각도를 조절하고 미리 보며 CSS를 만듭니다.
CSS 그림자 생성기
이동, 흐림, 확산, 색상과 불투명도를 조절해 안쪽·바깥쪽 그림자를 미리 보고 CSS를 얻습니다.
가로세로 비율 계산기
이미지나 영상의 비율을 약분하고 목표 너비 또는 높이에 맞는 나머지 길이를 계산합니다.
CSS Grid 생성기
고정·자동 열 구성과 간격·정렬을 미리 보고 CSS와 HTML을 생성하세요.
CSS Flexbox 생성기
방향·줄바꿈·간격·정렬을 실제 배치로 확인하고 CSS와 HTML을 가져오세요.
색상 팔레트 만들기
기준색으로 보색·유사색·삼각 배색·단색 팔레트를 만들고 HEX, CSS, JSON으로 저장하세요.