색상 코드 찾기 사이트 - saegsang kodeu chajgi saiteu

오늘의 주제는 색상코드 찾기 사이트의 대한 안내이며, 이 사이트를 통해 색상의 코드를 찾아내며, 조합이나 표 등의 결과도 함께 확인하려 합니다. 칼라 관련하여 직업을 갖고 계신 분이나, 디자인을 하시는 분들 등등 필요에 따라 이용을 해보시길 바랍니다. 아래 더 자세한 내용이 있지만, 색상을 선택하게 되면, 칼라 코드에 대해 나오게 되며, 이를 통해 웹/앱 혹은 컴퓨터로 작업하는 디자인에 활용하시기에 좋습니다. 또한 차트나 조합에 대한 부분에서도 힌트를 주기 때문에 이런 점들도 잘 사용해 보시면 좋을 것 같습니다.

목차 Show

HTML COLOR CODES
Color Chart
Color Names
상세 컨텐츠
본문 제목
관련글 더보기
댓글 영역

HTML COLOR CODES

색상 선택기의 사이트로 HTML의 사용되는 코드들의 정보를 볼 수 있습니다. 16진수의 색상코드와 RGB / HSL 값을 가져옵니다.

칼라 부분을 움직여 주시게 되면, 바로 코드로써 결과가 나오게 됩니다.
예시의 결과 입니다. HEX(#D1715 D) / RGB(209, 113, 93) / HSL(10, 56%, 59%)
사용하고 있으신 디자인 툴을 통해 코드를 입력해 사용을 해주시거나 코딩에 활용을 해보시길 바랍니다.

Color Chart

화면을 아래로 내려보면 칼라 차트에 대해 나오게 됩니다. 조합의 대한 부분으로 평면 디자인 색상과 Google의 머티리얼 디자인 구성표 및 기본 웹 안전 색상 모두 16진수 색상 코드로 제공을 한다고 합니다. 유사한 색의 조합을 가져다 주기도 하며, 명도에 따라 변경되는 점들도 잘 적용시킨 부분이 보였습니다.

Color Names

HTML은 140개 색상의 코드가 있으며, 입력할 때 사용이 되곤 합니다. 전체 목록을 클릭해 확인이 가능하며, 네임으로 되어 있기 때문에 리스트를 살펴보신 후 활용해 주시면 되겠습니다. 이 외에도 영감을 받을 수 있는 부분이라던지 라이브러리 등 다양한 콘텐츠가 많이 있었습니다. 코딩을 하시는 분들에게 유용할 사이트로 보였으며, 이 외에도 색 관련 작업을 하시는 분들에게도 추천을 드릴 만한 곳으로 보였습니다.

w3 schools

검색을 해보시면 관련하여 여러 홈페이지들을 찾아보실 수 있을 겁니다. 위 사이트 외에도 좋은 장점이 있는 곳들이 많으며, 따로 추출하여 콘셉트를 제공하거나 이미지를 통해 전달해주는 경우도 많이 있었습니다. w3 schools 이곳도 마찬가지로 색을 고르게 되면 거기에 대한 값이 나오게 되며, 카테고리 별로 분류가 잘되어 있는 점도 좋은 장점으로 보였습니다.

상세 컨텐츠

본문 제목

색상 표, 색상 코드, 색상 조합, 사이트 모음 BEST

유용한 사이트 모음

by 주초위왕 2020. 12. 14. 23:53

본문

반응형

디자이너, 프런트엔드 개발자, 블로거라면 어떤 색상을 써야 할지 고민해 보셨을 겁니다.
어떤 색상이 이쁘고, 두가지+색상 조합이 잘 어울리는지 어려운데요.
제가 지금까지 쓰던 사이트들을 소개해 드릴게요.
디자인 전공자로서 색에 민감하게 반응하고, 색 조합도 하나 놓치지 않는데 그 고민과, 시간을 덜어 내고자 합니다.

1. PALETTON
http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF

Paletton - The Color Scheme Designer

Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical col

paletton.com

단색 색상표 또는 2~4 가지의 색상 조합을 선택할 수 있습니다. 원하는 색상 톤을 고르면 그 색에 맞는 컬러 조합을 알려줍니다.
"Randomize"라는 버튼을 누르면, 4가지 랜덤 패턴을 통해 색상을 조합할 수 있어요.

2. COLOR HUNT
https://colorhunt.co/

Color Hunt - Color Palettes for Designers and Artists

Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes

colorhunt.co

개인적으로 자주 찾는 사이트.
인기 있는 색상 조합을 한눈에 볼 수 있어요.
심지어 서로 공유도 할 수 있고, 1석 2조.

3. COLORDOT
https://color.hailpixel.com/

Colordot - A color picker for humans

color.hailpixel.com

마우스가 움직이는 데로 색상이 바뀌고 클릭을 하면 왼쪽으로 하나하나씩 정렬이 됩니다.
아이디어 정말 좋지 않나요?ㅎㅎㅎ
개발자의 실력이란......무궁무진.

4. 어도비 컬러
https://color.adobe.com/ko/create/color-wheel

https://color.adobe.com/ko/create/color-wheel

color.adobe.com

컬러 배색 중에 가장 유명한 어도비에서 만든 어도비 컬러 CC.
이미지만 끌어오면 알아서 해주니 애증 사이트.

5. DESIGN SPEEDS
https://www.design-seeds.com/blog/

Nature Tones

{ Seeds Classics } image via: @arasacud

www.design-seeds.com

색이 찾기 귀찮다 싶으면 찾는 사이트.
알아서 이것저것 나와 있으니 고민할 시간도 없어 좋아요.

긴 글 읽어주셔서 감사합니다^^
좋아요와 댓글 한번씩 부탁 드릴게요~!!

반응형

저작자표시 비영리

'유용한 사이트 모음' 카테고리의 다른 글

저작권 없는 무료 이미지 사이트 추천 BEST 모음 (0)	2021.11.29
진짜 실무자와 찐한 직무경험 어때? 직무부트캠프 (2)	2020.12.16
해당 내용을 볼수 있는 권한이 없기때문에 열 수 없습니다. 해결방법. (0)	2020.12.15
부트스트랩(Bootstrap) 예쁜 CSS모음집 (0)	2020.12.15
무료 텍스트 에디터 추천 Sublime Text, Atom, Brackets, Visual Studio code (3)	2020.12.10