컬러
Search
Supa Palette의 추가적인 정보
유사한 사이트
[Supa Palette] 피그마용 올인원 팔레트 생성기, 편집 및 관리자
활용방법
유사한 사이트
[Make Tints&Shades] 가장 밝은색과 가장 어두운색을 입력하면 10% 단위로 정확하게 색조와 음영을 생성해주는 곳
16진수 색상의 색조와 음영을 입력하면 chrome devtools, sass를 통해 색조와 음영을 파생합니다.
소프트웨어
국외
2024/03/06 04:54
컬러
디자인 시스템
Brand Colors의 추가적인 정보
유사한 사이트
[Brand Colors] 세계적인 브랜드의 공식 브랜드 색상 코드
활용방법
behance의 추가적인 정보
[behance] 디자인 작업물을 포트폴리오 형태로 업로드 하는 세계 최대 사이트
⭐️⭐️⭐️⭐️⭐️
비헨스에는 단지 포트폴리오 형태의 작업물 뿐만 아니라 디자인을 기반으로 한 다양한 리소스도 찾아 볼 수 있습니다.
포트폴리오
레퍼런스 라이브러리
커뮤니티
국외
2024/03/06 04:54
디자인 시스템
컬러
로고
폰트
목업
UI
UX
아이콘
뉴스레터
편집
그래픽
3D
팁
사진
영상
일러스트
스피너
그라디언트
Randoma11y의 추가적인 정보
유사한 사이트
[Randoma11y] 배경색과 텍스트 색상 고민 해결! 접근성을 위해 4.5:1 비율로 색상을 조합해 드립니다.
Mobile Palette Generator의 추가적인 정보
유사한 사이트
[Mobile Palette Generator] 모바일 팔레트 생성기 : 실제 모바일에서 어떻게 적용 될지 확인하면서 팔레트를 만들어보세요
메인 컬러를 선택해보세요. 규칙에 따라 모바일 또는 웹용 UI 색상 팔레트를 생성해줍니다.
소프트웨어
국외
2024/03/06 04:54
디자인 시스템
컬러
활용방법
사이트 이름의 추가적인 정보
[Realtime Colors] 실제 사이트를 통해 컬러 시스템을 제작해보세요. Dashboard, Blog post 템플릿을 통해 결과물을 실시간으로 확인 할 수 있어요.
CSS Gradient의 추가적인 정보
유사한 사이트
[CSS Gradient] 그라디언트를 만들고 css로 뽑아내세요
활용방법
Shader Gradient의 추가적인 정보
[Shader Gradient] 아름답고 움직이는 그라디언트 생성기
그라데이션에 자연스러운 움직임과 효과를 추가하여 놀라운 시각적 효과를 만들어보세요.
소프트웨어
플러그인
피그마
국외
2024/03/06 04:54
컬러
그라디언트
활용방법
Happy Hues의 추가적인 정보
[Happy Hues] 디자인 분야, 요소, 상황 별 컬러를 선별해주는 곳
유사한 사이트
[Color Lisa] 세계 최고의 예술가들의 컬러 팔레트
OKLCH의 추가적인 정보
유사한 사이트
[OKLCH] hex, RGBA, HSL 등의 색상을 인코딩 하는 새로운 방법
유사한 사이트
[Flat UI Colors] 이미지 별로 구성된 색상 라이브러리
활용방법
alphredo의 추가적인 정보
[Alphredo] 불투명한 색상과 동일하게 보이는 반투명 색상을 생성하는 곳
Color Claim의 추가적인 정보
유사한 사이트
[Color Claim] 노란색 배경에는 흰색 타이포? 검정색 타이포? 잘 모르겠을 때 도움 받는 곳
contrast-ratio의 추가적인 정보
유사한 사이트
[contrast-ratio] 내가 선택한 색상이 웹 접근성을 준수하게 지키는 명암비 인지 궁금할 때
Color Slurp의 추가적인 정보
유사한 사이트
[Color Slurp] MAC을 이용하는 개발자와 디자이너를 위한 색상 선택기 & 팔레트 어플리케이션
한번의 클릭으로 색상을 선택하고 모든 언어의 모든 형식으로 복사하세요! 자신만의 사용자 정의 형식을 만들 수도 있습니다
소프트웨어
국외
2024/03/06 04:54
컬러
디자인 시스템
활용방법
Material Design Palette Generator의 추가적인 정보
[Material Design Palette Generator] 구글의 알고리즘을 가지고 팔레트를 생성해 줍니다.
Primary 색상과 Secondary 색상을 입력해보세요. 컬러 시스템을 만들어 줍니다.
라이브러리
국외
2024/03/06 04:54
컬러
디자인 시스템
colorbox의 추가적인 정보
유사한 사이트
[colorbox] 색상을 선택해 다양한 디테일을 조절하세요 원하는 레벨에 맞춰 웹 접근성에 높은 색상 시스템을 만들 수 있습니다.
활용방법
크롬이용자라면 우클릭 → 한국어로 번역 을 이용해 활용해보세요
추천 된 컬러팔레트와 함께 디자인을 시작해보세요!
(왼쪽 상단의 아이콘을 통해 다양한 조합을 추천 받을 수 있습니다.)
[khroma] 50가지의 좋아하는 색상을 선택해보세요 AI가 다양한 조합의 컬러 팔레트를 만들어 줍니다.
Leonardo의 추가적인 정보
유사한 사이트
[Leonardo] 어도비 오픈 소스 프로젝트 : 디자인 시스템을 위한 컬러 도구 & 웹 접근성 판별기
유사한 사이트
[COLORS.tools] UI에 적합하고 올바른 컬러 시스템 생성기
활용방법
사이트 이름의 추가적인 정보
[Conic.CSS] 멋지고 단순한 그라디언트
사이트 이름의 추가적인 정보
유사한 사이트
[use contrast] 웹 접근성 색상 명암비에 빠르게 액세스 할 수 있는 Figma 플러그인 및 MAC 앱
유사한 사이트
[Ai Colors] 텍스트 프롬프트에서 팔레트를 만들어보세요 실시간으로 UIUX 확인도 가능 합니다.
Designspiration의 추가적인 정보
유사한 사이트
[Designspiration] 창의력에 영감을 주는 아이디어를 색상별로 탐색 할 수 있어요.
색상 코드 별로 다양한 분야의 디자인 레퍼런스를 볼 수 있는 사이트
영감
레퍼런스 라이브러리
라이브러리
국외
2024/03/06 04:54
편집
그래픽
컬러
Html Color Codes의 추가적인 정보
유사한 사이트
[Html Color Codes] 색상을 선택에 팔레트를 만들면 Hex, RGB 및 HSL 값을 HTML, CSS, SCSS로 내보낼 수 있는 사이트
활용방법
사이트 이름의 추가적인 정보
[Colorsinspo] 컬러와 관련한 모든 것을 매우 쉽게 찾을 수 있는 올인원 리소스
영감, 컬러생성기, 그라디언트, 브랜드 컬러 등 컬러와 관련한 모든 것을 이 곳에서 얻어보세요.
라이브러리
영감
플러그인
피그마
Adobe XD
국외
2024/03/06 04:54
컬러
그라디언트
Colorand Contrast의 추가적인 정보
유사한 사이트
[Colorand Contrast] 컬러 대비에 관한 이론, 과학, 인식 등 을 공부하고 학습 할 수 있는 곳
활용방법 (색을 선택 하면 라이브로 화이트 - 텍스트 미리보기가 가능합니다. 웹 접근성을 준수하는 지 확인해 보세요.)
Color.review의 추가적인 정보
[Color.review] 출시 예정인 색상 및 웹 접근성 판별기
whocanuse의 추가적인 정보
유사한 사이트
[whocanuse] 시각 장애가 있는 사람들에게 색상 대비가 어떤 영향을 미칠 수 있는지 관심과 이해를 돕는 도구
아직도 웹 접근성에서 컬러가 어떤 영향을 미치는지 헷갈린다면 사용해보세요.
소프트웨어
라이브러리
웹 접근성
국외
2024/03/06 04:54
컬러
디자인 시스템
colors.combinations의 추가적인 정보
유사한 사이트
[colors.combinations] 인터렉션으로 색상조합을 담은 웹사이트
사이트 이름의 추가적인 정보
유사한 사이트
[UI Gradients] 그라디언트 라이브러리
Site Inspire의 추가적인 정보
유사한 사이트
[Site Inspire] 영감을 위한 세계 최고의 웹 디자인을 큐레이션 합니다.
⭐️⭐️⭐️⭐️⭐️
포트폴리오, 이커머스 등 다양한 스타일의 웹 디자인 레퍼런스를 볼 수 있는 곳
영감
레퍼런스 라이브러리
포트폴리오
이커머스
반응형 웹
국외
2024/03/06 04:54
UI
UX
컬러
[dribbble] 세계 최고의 다지이너 전문가가 작업물을 올리고 피드백 받는 공간
⭐️⭐️⭐️⭐️⭐️
이미지나 영상을 올려 나의 작업물을 기록하는 디자이너들의 공간
포트폴리오
레퍼런스 라이브러리
영감
국외
2024/03/06 04:54
UI
UX
아이콘
편집
그래픽
팁
3D
사진
영상
일러스트
라이팅 / 카피
스피너
그라디언트
디자인 시스템
컬러
로고
활용방법
유사한 사이트
[Color Kit] 두 가지 색을 선택해보세요 음영을 혼합하여 컬러 스케일을 생성해줍니다.
colorion의 추가적인 정보
유사한 사이트
[colorion] 기본 색상을 선택하고 해당 색상이 있는 팔레트를 검색해보세요.
Color Hunt의 추가적인 정보
유사한 사이트
[Color Hunt] 파스텔 색상, 네온 색상, 피부 색상이 필요할 때 찾는 컬러 팔레트
활용방법
컬러 변경하기
색조 조정하기
[Palettte.app] 재매핑을 통해 대비 및 색상 접근성에 가장 완벽한 컬러 팔레트를 생성해 보세요
웹 접근성을 위한 컬러 팔레트 생성 & 편집 & 재매핑 앱. 생성되고 편집한 컬러 팔레트는 내보내고 가져올 수 있습니다.
소프트웨어
웹 접근성
국외
2024/03/06 04:54
컬러
디자인 시스템
UI
사이트 이름의 추가적인 정보
유사한 사이트
[colors.lol] 지나치게 설명적인 컬러 팔레트
Picular의 추가적인 정보
유사한 사이트
[Picular] 키워드에 대하여 완벽한 16진수 코드가 필요할 때 이용하는 매우 빠른 기본 색상 생성기
open-color의 추가적인 정보
유사한 사이트
[open-color] UI 디자인을 위한 오픈소스 색상표
활용방법
사이트 이름의 추가적인 정보
[Shade Generator] 색상 코드를 입력하면 자연스러운 그림자를 생성해주는 곳
COOLORS의 추가적인 정보
유사한 사이트
[COOLORS] 슈퍼 빠른 컬러 팔레트 생성기!
Colourcode의 추가적인 정보
유사한 사이트
[Colourcode] 마우스 호버링을 통해 색을 탐색하고 비주얼 이미지에 어울리는 컬러 팔레트를 생성해보세요.
활용방법
pigment의 추가적인 정보
[pigment] 명조와 색조별로 조절하는 컬러 팔레트 생성기
Grabien의 추가적인 정보
유사한 사이트
[Grabient] CSS 그라이언트 생성기
활용방법
color-selector의 추가적인 정보
[color-selector] 네온 부터 파스텔 까지 다양한 색상이 어떻게 활용 되었는지 보고 싶을 때
abha의 추가적인 정보
유사한 사이트
[abha] 브랜드를 대표하는 기본색상을 선택해보세요. UIUX 결과를 보여줍니다
색상을 무작위로 지정하고, 사용자 정의 색상을 선택합니다. 컬러가 입혀진 UIUX 결과를 볼 수 있어요.
소프트웨어
라이브러리
국외
2024/03/06 04:54
디자인 시스템
컬러
UI
UX
활용방법
[MESH gradient] 아름 답고 독특한 그라디언트를 만드는 간단한 방법