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