● 온라인
ShaderGradient

ShaderGradient

Figma/Framer 플러그인 및 React 컴포넌트를 지원하는 동적 그라데이션 생성기로, 3D 효과 사용자 정의가 가능합니다.

제품 개요

동적 효과: 3D 시각 효과로 움직이는 그라데이션을 생성합니다. 형태, 색상, 속도, 노이즈 밀도/강도, 조명, 환경, 밝기, 반사, 회전 등 3D 속성을 조정할 수 있습니다. 플랫폼 지원: Figma 플러그인, Framer 플러그인, React 컴포넌트를 제공합니다.

추천 대상

현대적인 웹 및 인터랙티브 프로토타입을 위한 동적 3D 애니메이션 그라데이션을 원하는 디자이너와 프론트엔드 개발자에게 적합합니다.

주요 기능

  • 3D 시각 효과와 애니메이션이 포함된 동적 움직이는 그라데이션
  • 디자인 워크플로에 직접 통합되는 Figma 플러그인
  • 인터랙티브 프로토타입 그라데이션을 위한 Framer 플러그인
  • 프로덕션 준비 그라데이션 구현을 위한 React 컴포넌트
  • 조명, 환경, 반사, 회전 등 사용자 정의 가능한 3D 속성

장점

  • +Figma, Framer, React 플랫폼 플러그인이 디자인-코드 파이프라인 전체를 커버
  • +3D 그라데이션 효과로 독특하고 시선을 사로잡는 비주얼 생성
  • +노이즈, 밀도, 조명 및 환경 속성에 대한 완전한 제어

단점

  • -그라데이션 스타일이 미니멀리스트 또는 기업 디자인 미학에 맞지 않을 수 있음
  • -3D 렌더링으로 인해 저사양 기기에서 성능이 저하될 수 있음

/// 스펙

  • 가격:
    Free
/// 유사 도구
OddContrast

OddContrast

여러 색상 공간을 지원하고 WCAG 준수 여부를 확인하는 색상 대비 검사기입니다.

Color Fuse Ai

Color Fuse Ai

Illustrator, Photoshop, Figma용 플러그인을 갖춘 AI 기반 컬러 팔레트 생성기로, 원클릭 팔레트 적용이 가능합니다.

Colorspace

Colorspace

특정 색조에 대한 그라데이션 색상 스케일을 생성하며 채도와 명도 조정을 지원하는 색상 공간 도구입니다.

Color Leap

Color Leap

기원전 2000년부터 1960년대까지 다양한 시대의 색상을 보여주는 역사적 컬러 팔레트 도구입니다.

ColorMagic

ColorMagic

키워드나 이미지에서 조화로운 구성표를 생성하는 AI 기반 컬러 팔레트 생성기로, 사용자 정의와 다중 플랫폼 사용을 지원합니다.

Colpat

Colpat

Tailwind CSS 팔레트 생성, 그라데이션, 이미지 추출 및 다양한 형식 내보내기를 지원하는 AI 기반 컬러 도구 상자입니다.

Poline

Poline

앵커 포인트를 연결하여 조화로운 구성표를 생성하는 극좌표 기반 컬러 팔레트 생성기로, 사용자 정의 위치 함수와 HSL 색상 모델을 지원합니다.

Color Pal

Color Pal

색상 추출 및 다양한 형식 변환을 지원하는 컬러 선택기 및 팔레트 생성기입니다.

colorca

colorca

디지털 제품을 위한 접근성 높은 팔레트를 생성하는 HSLuv 색상 공간 도구로, 다양한 색상 시스템과 밝기 레벨 조정을 지원합니다.

Oklch

Oklch

명도, 채도, 색조 조정과 다양한 형식 변환을 지원하는 OKLCH 색상 선택기 및 변환기입니다.