로그인

HEX CODE

www.color-name.com

이쁜 색상을 참고 하고 싶을때, 어울리는 색을 찾고 싶을때 사용하면 좋은 사이트 입니다

조회 1,671 2026-08-18 등록

소개

HEX CODE라고 아시나요? 가끔 보이는 232f3e처럼 RGB 모드를 코드로 표현하는 방식입니다. 이 HEX CODE랑 색상 이름을 상호 검색할 수 있게 도와주는 사이트가 있습니다. https://www.color-name.com/ 여기입니다. 디자인 하시는 분들에게는 굉장히 유용한 사이트인데요. 특히 그 엄청난 수의 색상 이름들을 보다 보면 '와, 이 색을 이렇게 표현하는구나.'라는 생각마저 듭니다. 그 많은 색상 이름은 과연 누가 정하는 걸까요. 순간 궁금해지는데요. 어디 디자인국제협회 같은 데에서 정하는 걸까요? 찾아봐도 잘 모르겠네요. 하나의 색상을 찾으면 그와 유사한 다른 색상도 알려주고 보색이나 반대색도 알려줍니다. 그 색상으로 만든 백그라운드나 패턴 다운로드도 지원해 주고 있어요. 해당 색상으로 적당한 인테리어 예상도도 엄청 좋은데요. 괜히 어설프게 시도하지 말고 여기서 직접 컨셉을 잡아보면서 우리 집을 꾸며봐도 무척 좋을 것 같네요. 자기 생일과 관련된 색깔도 알려주고요. 아무튼 기능이 이것저것 많아서 살펴보다 보면 시간 가는 줄 모를 것 같아요.

태그

의견 0

로그인하면 의견을 남길 수 있습니다.

아직 의견이 없습니다. 첫 의견을 남겨보세요.

비슷한 사이트

어도비컬러

color.adobe.com

예쁜 컬러를 뽑아 낼수 있는 사이트 어도비컬러 https://color.adobe.com/ 를 소개합니다. 어도비컬러는 이름이나 도메인 주소에서 알 수 있듯이 어도비에서 제공하는 색상 추출 사이트 입니다. 어도비는 포토샵, 일러스트레이터 등과 같은 디자인프로그램을 제작하는 너무나 유명한 디자인 회사 입니다. 개인적으로 색상 감각이 뛰어나지 않다 보니 예쁜 색을 찾는 것이 어렵습니다. RBG모드 팔레트에 모든 색상이 다 있지만 내가 선택한 색상은 왜 그리 이상한지 모릅니다. 그래서 나름 찾은 방법이 디자인이 잘된 홈페이지를 찾아 그곳의 포인트 색을 그대로 사용하는 방법 이었습니다. 그러나 이 방법은 가장 큰 단점은 내가 원하는 색이 아닌, 사이트에서 사용하는 색상을 사용할 수밖에 없다는 문제입니다. 그래서 원하는 색상을 찾으려면 원하는 색을 사용한 홈페이지를 찾아야 하는 문제점이 있었습니다 그러나 어도비컬러를 알게된 후 그럴 필요가 없어졌습니다. 색상을 찾아서 마우스로 몇 번 클릭하면 예쁜 색상을 알아서 찾아 주기 때문입니다. 좌측메뉴를 보면 유사, 단색, 삼각형, 보색, 혼합, 음영 등의 메뉴를 활용하면 예쁜 색상을 쉽게 추출해 낼 수 있습니다. 이 또한 어렵다면 상단 탐색이라는 메뉴를 클릭하신 후에 원하는 색 예를 들어 “분홍”이라고 검색하면, 예쁜 분홍색상을 아주 많이 확인하실 수 있습니다. 이처럼 어도비컬러는 저와 같이 색을 잘 추출하지 못하는 사람에게 아주 큰 도움을 주는 사이트 입니다. 색에 대해 자신이 없으신 분이라면 어도비컬러를 적극 추천합니다.

텍스처X

www.texturex.com

배경에 쓰기 좋은 패턴들을 무료로 받는 곳, 텍스처X 웹사이트 배경이 그냥 공백인 것도 좋지만 경우에 따라서는 예쁜 배경이 있으면 좋을 때가 있어요. 소소한 이야기 블로그라면 엽서 같은 느낌을 주고 싶을 때도 있고, 혹은 기계와 관련된 블로그라면 금속성 배경을 넣고 싶겠죠? 뭐 그 외에도 다양한 다른 경우가 있을 것 같아요. 그런데 딱 어울리는 배경을 찾는다는 게 의외로 어렵습니다. 막 쓰면 저작권에 걸리는 경우도 많고요. 그런데 배경으로 쓰기 좋은 패턴들을 무료로 제공해주는 곳이 있네요. 텍스처X라는 사이트입니다. https://www.texturex.com 금속성, 화염, 벽돌, 천, 빛, 나무, 돌 등 여러 느낌의 이미지들을 제공해 주고 있는데요. 여기도 그 수가 너무 많아서 딱 맞는 걸 고르기가 오히려 힘드네요...ㅎㅎ 게다가 이 사이트의 획기적인 점이 또 있어요. 자신이 스스로 패턴을 만드는 방법도 배울 수 있다는 건데요. 사이트 홈 화면 메뉴의 맨 오른쪽에 있는 'About'를 누르면 사이트의 철학을 소개하면서 자신의 기술을 쌓을 수 있는 코너가 준비돼 있어요. 다 영어로 되어 있지만, 구글 번역기가 요새 워낙 잘 되어 있으니 뭐... 크게 걱정은 안 하셔도 됩니다...ㅎㅎ 자신만의 배경을 찾거나 만들어서 좀 더 예쁜 블로그나 홈페이지를 만들고 싶다면, 텍스처X 잊지 마세요!

태그,스타일지원테스트

caniuse.com

브라우저별 지원하는 기능을 확인할 수 있는 https://caniuse.com 소개합니다. HTML에는 수많은 태그와 속성이 있고, CSS역시 수많은 스타일이 있습니다. 물론 많다 하여도 개발자들은 거짐 다 외워서 사용하고 모르는 경우는 검색해서 사용합니다. 그런데 가장 큰 문제는 기능이 많아 내가 모르고 있는 기능이 있다는 것이 아닙니다. 내가 알고 있는 기능이 모든 브라우저 환경에서 정상작동 되는지 파악하는 문제입니다. 웹표준을 지켜서 모든 환경에서 정상작동 되게 할수 있지만 이또한 한계가 있습니다. 이유는 브라우저마다 지원하는 부분이 조금씩 다르고 사용방법도 다른 경우가 있기 때문입니다. 이해는 됩니다. 기술이 계속 발전하면서 과거에 없던 기능들이 추가되는 것, 개발회사마다 조금씩 다를 수 밖에 없다는 점 이해 합니다. 그러기 때문에 개발하는 사람 입장에서는 어디까지 지원하고 또 무엇이 다른지를 알고 있어야만 합니다. 최신기술이 나오면 모든 사람들이 동시에 최신 기술을 사용하면 좋겠지만 현실은 그렇지 않습니다. 최신기술이 나오고 정착되려면 짧게는 몇 개월에서 길게는 몇 년이 걸리기도 합니다. 그러기에 개발자들은 이모든 것을 환경을 고려해 개발할 수밖에 없습니다. 그래서 소개하는 사이트가 바로 https://caniuse.com 입니다. Can I yse _______ ? 라는 부분에 내가 사용하고자 하는 태그나 CSS등을 입력하면 브라우저 별 사용가능 여부가 나와집니다. 너무 좋은 것은 같은 브라우저라 해도 버전 별로 지원여부가 다를 수 있는데 이 또한 자세히 나와진다는 것입니다. 물론 개발에 익숙한 사람이라면 자신이 지금까지 사용하던 기능이 어느 버전까지 지원하는지 알고 있겠지만 새로운 기능을 사용하고자 할 때에는 파악하기가 어렵습니다. 이때 https://caniuse.com 를 활용하면 검색만으로 지원가능 브라우저 및 버전을 쉽게 파악할 수 있습니다. 내가 사용 하고자 하는 기능이 어느 버전까지 지원하는지 한눈에 파악하길 원하시는 분이라면 https://caniuse.com 를 추천해드립니다.