[Happy Hues] 디자인 분야, 요소, 상황 별 컬러를 선별해주는 곳

즐겨찾기

분류

국외

텍스트

왼쪽에서 색상을 선택해보세요 웹사이트에서 바로 적용해 확인 할 수 있습니다.

링크

https://www.happyhues.co/

디자인 분야

웹 UIUX

컨텐츠

일러스트 디자인

디자인 카테고리 / 리소스

컬러

디자인 시스템

컬러

타입별

소프트웨어

툴

기타

1 more property

사이트 메인 이미지

북마크 링크

디자인 큐시트는 리소스 판매 및 리소스 제공 당사자가 아닙니다. 라이선스를 지키지 않아 생기는 불이익 등에 대하여 책임을 지지 않습니다.

Happy Hues - Curated colors in context.

See color palette inspiration on a real example website. As you click on different palettes every color on this site updates to give you context of how that color could be used for your design or illustration projects.

https://www.happyhues.co/

소개

왼쪽에서 색상을 선택해보세요 웹사이트에서 바로 적용해 확인 할 수 있습니다. 해당 사이트는 디자이너 Mackenzie Child Webflow를 사용하여 코드없이 디자인 및 구축 되었습니다.

활용방법

위 사이트에서 리소스를 다운 받기 전 라이선스를 반드시 확인 해주세요!

Happy Hues의 추가적인 정보

•

제작자의 인스타그램

www.instagram.com

https://www.instagram.com/mackenziechild/

•

제작자의 Webflow 프로필

Mackenzie Child

Mackenzie Child (mackenziechild) | service provider on Webflow

https://webflow.com/@mackenziechild

•

X

Mackenzie Child (@mackenziechild) on X

Designer @webflow (Education team) 💙 | Maker of https://t.co/oVbfZ0HGa2, https://t.co/3Q1FTJS8qw, https://t.co/30C9jt5e0R, https://t.co/gbNJuVVBGx & more.

https://twitter.com/mackenziechild

유사한 사이트

배경색과 텍스트 색 등 2가지 색상 조합 여기서 확인하자!

[pigment] 명조와 색조별로 조절하는 컬러 팔레트 생성기

[use contrast] 웹 접근성 색상 명암비에 빠르게 액세스 할 수 있는 Figma 플러그인 및 MAC 앱

[Color Claim] 노란색 배경에는 흰색 타이포? 검정색 타이포? 잘 모르겠을 때 도움 받는 곳

[colorion] 기본 색상을 선택하고 해당 색상이 있는 팔레트를 검색해보세요.

[contrast-ratio] 내가 선택한 색상이 웹 접근성을 준수하게 지키는 명암비 인지 궁금할 때

[Realtime Colors] 실제 사이트를 통해 컬러 시스템을 제작해보세요. Dashboard, Blog post 템플릿을 통해 결과물을 실시간으로 확인 할 수 있어요.

[Randoma11y] 배경색과 텍스트 색상 고민 해결! 접근성을 위해 4.5:1 비율로 색상을 조합해 드립니다.

[Realtime Colors] 실제 사이트를 통해 컬러 시스템을 제작해보세요. Dashboard, Blog post 템플릿을 통해 결과물을 실시간으로 확인 할 수 있어요.

[khroma] 50가지의 좋아하는 색상을 선택해보세요 AI가 다양한 조합의 컬러 팔레트를 만들어 줍니다.

[Happy Hues] 디자인 분야, 요소, 상황 별 컬러를 선별해주는 곳

[whocanuse] 시각 장애가 있는 사람들에게 색상 대비가 어떤 영향을 미칠 수 있는지 관심과 이해를 돕는 도구

[Mobile Palette Generator] 모바일 팔레트 생성기 : 실제 모바일에서 어떻게 적용 될지 확인하면서 팔레트를 만들어보세요

[Ai Colors] 텍스트 프롬프트에서 팔레트를 만들어보세요 실시간으로 UIUX 확인도 가능 합니다.

[abha] 브랜드를 대표하는 기본색상을 선택해보세요. UIUX 결과를 보여줍니다

컬러 팔레트

[pigment] 명조와 색조별로 조절하는 컬러 팔레트 생성기

[Color Slurp] MAC을 이용하는 개발자와 디자이너를 위한 색상 선택기 & 팔레트 어플리케이션

[Palettte.app] 재매핑을 통해 대비 및 색상 접근성에 가장 완벽한 컬러 팔레트를 생성해 보세요

[Flat UI Colors] 이미지 별로 구성된 색상 라이브러리

[colorbox] 색상을 선택해 다양한 디테일을 조절하세요 원하는 레벨에 맞춰 웹 접근성에 높은 색상 시스템을 만들 수 있습니다.

[Colourcode] 마우스 호버링을 통해 색을 탐색하고 비주얼 이미지에 어울리는 컬러 팔레트를 생성해보세요.

[Make Tints&Shades] 가장 밝은색과 가장 어두운색을 입력하면 10% 단위로 정확하게 색조와 음영을 생성해주는 곳

[Material Design Palette Generator] 구글의 알고리즘을 가지고 팔레트를 생성해 줍니다.

[open-color] UI 디자인을 위한 오픈소스 색상표

[colorion] 기본 색상을 선택하고 해당 색상이 있는 팔레트를 검색해보세요.

[Color Hunt] 파스텔 색상, 네온 색상, 피부 색상이 필요할 때 찾는 컬러 팔레트

[Html Color Codes] 색상을 선택에 팔레트를 만들면 Hex, RGB 및 HSL 값을 HTML, CSS, SCSS로 내보낼 수 있는 사이트

[culrs] 정교하게 구성 된 컬러 팔레트 라이브러리

[Color Lisa] 세계 최고의 예술가들의 컬러 팔레트

[colors.lol] 지나치게 설명적인 컬러 팔레트

[Realtime Colors] 실제 사이트를 통해 컬러 시스템을 제작해보세요. Dashboard, Blog post 템플릿을 통해 결과물을 실시간으로 확인 할 수 있어요.

[Shade Generator] 색상 코드를 입력하면 자연스러운 그림자를 생성해주는 곳

[Happy Hues] 디자인 분야, 요소, 상황 별 컬러를 선별해주는 곳

[Color Kit] 두 가지 색을 선택해보세요 음영을 혼합하여 컬러 스케일을 생성해줍니다.

[COLORS.tools] UI에 적합하고 올바른 컬러 시스템 생성기

[khroma] 50가지의 좋아하는 색상을 선택해보세요 AI가 다양한 조합의 컬러 팔레트를 만들어 줍니다.

[Mobile Palette Generator] 모바일 팔레트 생성기 : 실제 모바일에서 어떻게 적용 될지 확인하면서 팔레트를 만들어보세요

[COOLORS] 슈퍼 빠른 컬러 팔레트 생성기!

[Ai Colors] 텍스트 프롬프트에서 팔레트를 만들어보세요 실시간으로 UIUX 확인도 가능 합니다.

[abha] 브랜드를 대표하는 기본색상을 선택해보세요. UIUX 결과를 보여줍니다

[Supa Palette] 피그마용 올인원 팔레트 생성기, 편집 및 관리자

컬러의 모든 것

[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] 디자인 분야, 요소, 상황 별 컬러를 선별해주는 곳

[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] 피그마용 올인원 팔레트 생성기, 편집 및 관리자