디자인
CSS 그라데이션 생성기
CSS 그라데이션 생성기. 입력: 2 colors. 출력: CSS linear-gradient.
도구 열기
색상과 디자인GGMET · FREE TOOLS18도구
$0Core features are free
WEBNo software installation
디자인
도구 선택
Code and formats
디자인
HEX·RGB·HSL·HSV 색상 변환기
HEX·RGB·HSL·HSV 색상 변환기. 입력: HEX, RGB, HSL, HSV. 출력: color values.
도구 열기
디자인
CSS 방사형 그라데이션 생성기
CSS 방사형 그라데이션 생성기. 입력: 2 colors. 출력: CSS radial-gradient.
도구 열기
디자인
CSS 다중 색상 그라데이션 생성기
CSS 다중 색상 그라데이션 생성기. 입력: color stops. 출력: CSS linear-gradient.
도구 열기
디자인
WCAG 명암비 검사
WCAG 명암비 검사. 입력: foreground + background. 출력: contrast ratio.
도구 열기
디자인
읽기 쉬운 텍스트 색상 선택기
읽기 쉬운 텍스트 색상 선택기. 입력: background color. 출력: light or dark text choice.
도구 열기
디자인
색상 조합 생성기
색상 조합 생성기. 입력: base color. 출력: color palette.
도구 열기
디자인
두 색상 혼합기
두 색상 혼합기. 입력: 2 colors. 출력: mixed color.
도구 열기
디자인
색상 명암 단계 생성기
색상 명암 단계 생성기. 입력: base color. 출력: lighter and darker shades.
도구 열기
디자인
CSS box-shadow 생성기
CSS box-shadow 생성기. 입력: CSS parameters. 출력: CSS box-shadow.
도구 열기
디자인
CSS text-shadow 생성기
CSS text-shadow 생성기. 입력: text + shadow parameters. 출력: CSS text-shadow.
도구 열기
디자인
CSS border-radius 생성기
CSS border-radius 생성기. 입력: corner values. 출력: CSS border-radius.
도구 열기
디자인
CSS 이미지 필터 생성기
CSS 이미지 필터 생성기. 입력: image preview. 출력: CSS filter.
도구 열기
디자인
Glassmorphism 생성기
Glassmorphism 생성기. 입력: background and panel parameters. 출력: CSS.
도구 열기
디자인
CSS 배경 패턴 생성기
CSS 배경 패턴 생성기. 입력: colors and pattern settings. 출력: CSS background.
도구 열기
디자인
SVG 섹션 구분선 생성기
SVG 섹션 구분선 생성기. 입력: shape parameters. 출력: SVG.
도구 열기
디자인
팔레트에서 CSS 변수 생성
팔레트에서 CSS 변수 생성. 입력: palette. 출력: CSS custom properties.
도구 열기
디자인
색상 팔레트 내보내기
색상 팔레트 내보내기. 입력: palette. 출력: CSS, JSON, SVG, PNG.
도구 열기색상과 디자인 온라인 도구
계정이 필요한가요?
아니요. 도구의 기본 기능은 가입 없이 사용할 수 있습니다.
GGMet이 내 파일을 저장하나요?
아니요. 선택한 파일은 요청한 결과를 만드는 데에만 사용되며 GGMet에 저장되지 않습니다.
처리 한도는 무엇에 따라 달라지나요?
실제 한도는 파일 크기, 선택한 작업, 기기에서 사용할 수 있는 메모리에 따라 달라집니다.