두 가지 색상과 각도만 선택하면 바로 쓸 수 있는 CSS 그라데이션 코드를 생성합니다.
CSS 코드
background: linear-gradient(120deg, #3B82F6 0%, #10B981 100%);
시작 색상과 끝 색상을 선택합니다.
각도를 조정합니다.
생성된 CSS 코드를 복사해 사용합니다.
랜딩 페이지 배경이나 버튼 강조색을 빠르게 테스트하고 코드까지 바로 반영할 수 있습니다.
작업 시간을 더 단축해줄 도구들을 추천합니다.
색상을 고르고 HEX, RGB, HSL 값을 바로 확인합니다.
클릭 한 번으로 조화로운 색상 팔레트를 랜덤 생성합니다.
전경/배경 색상의 WCAG 대비 비율과 통과 여부를 확인합니다.