[디자인 큐시트] 국내/국외 디자인 레퍼런스 사이트 999+ 모음집 (202 / 999+)
/
데이터베이스
/
[Shader Gradient] 아름답고 움직이는 그라디언트 생성기
Search
Share
[Shader Gradient] 아름답고 움직이는 그라디언트 생성기
즐겨찾기
분류
국외
텍스트
그라데이션에 자연스러운 움직임과 효과를 추가하여 놀라운 시각적 효과를 만들어보세요.
링크
https://www.shadergradient.co/
디자인 분야
인터렉션 디자인
디자인 카테고리 / 리소스
컬러
그라디언트
디자인 시스템
컬러
타입별
소프트웨어
플러그인
툴
피그마
기타
1 more property
사이트 메인 이미지
북마크 링크
디자인 큐시트는 리소스 판매 및 리소스 제공 당사자가 아닙니다. 라이선스를 지키지 않아 생기는 불이익 등에 대하여 책임을 지지 않습니다.
Shader Gradient
Create beautiful moving gradients on Framer, Figma and React
Shader Gradient
Create beautiful moving gradients on Framer, Figma and React
소개
그라디언트 모양을 조정하고 컬러를 선택하고 모션을 입력해보세요 완성된 그라디언트의 URL을 복사해 피그마와 프레이머에 붙여넣을 수 있어요.
활용방법
위 사이트에서 리소스를 다운 받기 전 라이선스를 반드시 확인 해주세요!
Shader Gradient의 추가적인 정보
•
프레이머
framer.com
•
인스타그램
www.instagram.com
•
X
shadergradient (@shadergradient) on X
A new way to make gradients alive. Available on Framer and Figma. Now available, create yours👇
유사한 사이트
그라디언트
[UI Gradients] 그라디언트 라이브러리
[CSS Gradient] 그라디언트를 만들고 css로 뽑아내세요
[Grabient] CSS 그라이언트 생성기
[MESH gradient] 아름 답고 독특한 그라디언트를 만드는 간단한 방법
[Conic.CSS] 멋지고 단순한 그라디언트
[Shader Gradient] 아름답고 움직이는 그라디언트 생성기
[Colorsinspo] 컬러와 관련한 모든 것을 매우 쉽게 찾을 수 있는 올인원 리소스
[khroma] 50가지의 좋아하는 색상을 선택해보세요 AI가 다양한 조합의 컬러 팔레트를 만들어 줍니다.
[Color Kit] 두 가지 색을 선택해보세요 음영을 혼합하여 컬러 스케일을 생성해줍니다.
[Shader Gradient] 아름답고 움직이는 그라디언트 생성기
컬러의 모든 것
[contrast-ratio] 내가 선택한 색상이 웹 접근성을 준수하게 지키는 명암비 인지 궁금할 때
[Randoma11y] 배경색과 텍스트 색상 고민 해결! 접근성을 위해 4.5:1 비율로 색상을 조합해 드립니다.
[Color.review] 출시 예정인 색상 및 웹 접근성 판별기
[use contrast] 웹 접근성 색상 명암비에 빠르게 액세스 할 수 있는 Figma 플러그인 및 MAC 앱
[Leonardo] 어도비 오픈 소스 프로젝트 : 디자인 시스템을 위한 컬러 도구 & 웹 접근성 판별기
[Palettte.app] 재매핑을 통해 대비 및 색상 접근성에 가장 완벽한 컬러 팔레트를 생성해 보세요
[colorbox] 색상을 선택해 다양한 디테일을 조절하세요 원하는 레벨에 맞춰 웹 접근성에 높은 색상 시스템을 만들 수 있습니다.
[Color Slurp] MAC을 이용하는 개발자와 디자이너를 위한 색상 선택기 & 팔레트 어플리케이션
[Flat UI Colors] 이미지 별로 구성된 색상 라이브러리
[Colourcode] 마우스 호버링을 통해 색을 탐색하고 비주얼 이미지에 어울리는 컬러 팔레트를 생성해보세요.
[Make Tints&Shades] 가장 밝은색과 가장 어두운색을 입력하면 10% 단위로 정확하게 색조와 음영을 생성해주는 곳
[UI Gradients] 그라디언트 라이브러리
[use contrast] 웹 접근성 색상 명암비에 빠르게 액세스 할 수 있는 Figma 플러그인 및 MAC 앱
[pigment] 명조와 색조별로 조절하는 컬러 팔레트 생성기
[Color Claim] 노란색 배경에는 흰색 타이포? 검정색 타이포? 잘 모르겠을 때 도움 받는 곳
[CSS Gradient] 그라디언트를 만들고 css로 뽑아내세요
[Material Design Palette Generator] 구글의 알고리즘을 가지고 팔레트를 생성해 줍니다.
[open-color] UI 디자인을 위한 오픈소스 색상표
[colorion] 기본 색상을 선택하고 해당 색상이 있는 팔레트를 검색해보세요.
[Picular] 키워드에 대하여 완벽한 16진수 코드가 필요할 때 이용하는 매우 빠른 기본 색상 생성기
[Color Hunt] 파스텔 색상, 네온 색상, 피부 색상이 필요할 때 찾는 컬러 팔레트
[contrast-ratio] 내가 선택한 색상이 웹 접근성을 준수하게 지키는 명암비 인지 궁금할 때
[Grabient] CSS 그라이언트 생성기
[Brand Colors] 세계적인 브랜드의 공식 브랜드 색상 코드
[culrs] 정교하게 구성 된 컬러 팔레트 라이브러리
[Color Lisa] 세계 최고의 예술가들의 컬러 팔레트
[colors.lol] 지나치게 설명적인 컬러 팔레트
[Realtime Colors] 실제 사이트를 통해 컬러 시스템을 제작해보세요. Dashboard, Blog post 템플릿을 통해 결과물을 실시간으로 확인 할 수 있어요.
[Shade Generator] 색상 코드를 입력하면 자연스러운 그림자를 생성해주는 곳
[khroma] 50가지의 좋아하는 색상을 선택해보세요 AI가 다양한 조합의 컬러 팔레트를 만들어 줍니다.
[MESH gradient] 아름 답고 독특한 그라디언트를 만드는 간단한 방법
[COLORS.tools] UI에 적합하고 올바른 컬러 시스템 생성기
[Happy Hues] 디자인 분야, 요소, 상황 별 컬러를 선별해주는 곳
[Colorsinspo] 컬러와 관련한 모든 것을 매우 쉽게 찾을 수 있는 올인원 리소스
[Colorand Contrast] 컬러 대비에 관한 이론, 과학, 인식 등 을 공부하고 학습 할 수 있는 곳
[Color Kit] 두 가지 색을 선택해보세요 음영을 혼합하여 컬러 스케일을 생성해줍니다.
[whocanuse] 시각 장애가 있는 사람들에게 색상 대비가 어떤 영향을 미칠 수 있는지 관심과 이해를 돕는 도구
[color-selector] 네온 부터 파스텔 까지 다양한 색상이 어떻게 활용 되었는지 보고 싶을 때
[Conic.CSS] 멋지고 단순한 그라디언트
[colors.combinations] 인터렉션으로 색상조합을 담은 웹사이트
[OKLCH] hex, RGBA, HSL 등의 색상을 인코딩 하는 새로운 방법
[Alphredo] 불투명한 색상과 동일하게 보이는 반투명 색상을 생성하는 곳
[Shader Gradient] 아름답고 움직이는 그라디언트 생성기
[Mobile Palette Generator] 모바일 팔레트 생성기 : 실제 모바일에서 어떻게 적용 될지 확인하면서 팔레트를 만들어보세요
[COOLORS] 슈퍼 빠른 컬러 팔레트 생성기!
[Ai Colors] 텍스트 프롬프트에서 팔레트를 만들어보세요 실시간으로 UIUX 확인도 가능 합니다.
[abha] 브랜드를 대표하는 기본색상을 선택해보세요. UIUX 결과를 보여줍니다
[Supa Palette] 피그마용 올인원 팔레트 생성기, 편집 및 관리자