CLR / 03 · 색상 도구
CSS 그라디언트 생성기
선형·방사형 그라디언트를 미리 보고 붙여 넣을 CSS를 그대로 받습니다.
CSS 그라데이션 생성기
정지점 2개, 실시간 미리보기
CSS
background-image: linear-gradient(135deg, #3b82f6 0%, #ec4899 100%);
색은 16진수로 적습니다. 자릿수는 3, 4, 6, 8자리입니다. 짧은 쪽은 마지막 한 자리가, 긴 쪽은 마지막 두 자리가 불투명도입니다. 그 밖의 CSS 색 표기법은 여기서 읽지 않습니다. 미리보기는 이 선언을 그대로 얹은 평범한 요소이므로, 여기 보이는 그대로를 브라우저가 그립니다.
후원하기 💚ToolZool을 무료로 유지하도록 도와주세요
여러분 덕분에
ToolZool은 계속 무료입니다
좋은 도구는 누구에게나 무료여야 합니다. 그 비용을 어떻게 대는지, 빠짐없이 적었습니다.
Zooly에게 커피 한 잔불을 켜 두고 새 도구를 계속 만들게 하는 직접 후원. 전적으로 선택입니다.Zooly 후원하기 →
추천 도구브라우저가 못 끝내는 일을 해내는 유료 도구들. 그 페이지의 무엇도 오늘 저희에게 수익을 주지 않습니다.추천 보기 →
선을 지키는 광고표시가 붙은 광고는 작업 영역 바깥에 자리해, 여러분과 결과 사이를 가로막지 않습니다.광고 정책 읽기 →
정말 멋진 분들찾아오고, 알리고, 건네주신 한마디가 ToolZool을 자라게 하고 더 많은 사람에게 닿게 합니다.
