직접 사용하는 색상 코드 & 색상 코드 추천 사이트 TOP 3
웹사이트를 운영하면서 자주 사용하는 색상 코드를 페이지에 저장해 두고, 필요할 때마다 사이트 검색 기능을 통해 바로 접속하여 활용할 필요성을 느껴서 페이지를 만들게 되었습니다.
추가로, 색상 코드 조합 사이트도 유용하기 때문에 두 가지 주제로 리스트를 정리했습니다.
Ⅰ. 자주 사용하는 색상 코드
제 취향에 맞춰 개인적으로 사이트에서 그래프, 콜 투 액션 버튼 링크 등에 직접 활용하는 컬러 팔레트입니다.
1. 버튼 링크
#5596FB별도 설정
#367AE4다른 사이트도 많이 사용하는 색상
2. 직접 사용하는 헥스 코드(ex. 웹사이트 그래프)
2.1 여러 헥스 코드
#DC143C#F9AB00#FFFF00#87CEFA#A9A9A9#8A2BE22.2 Green colors
#00FF00Lime
#5EB982#33EA4D#2DB400네이버에서 사용(로고 등)
#008000Green
#006400다크 그린
2.3 Blue colors
#0000FF#4169E1#1E90FF#6495ED#B0C4DE#ADD8E62.4 Purple, violet, and magenta colors
#800080#8B008B#8A2BE2#FF00FF#EE82EE#E6E6FA2.5 Pink colors
#C71585#FF1493#DB7093#FF69B4#FFB6C1#FFC0CB2.6 Red colors
#FF0000#DC143C#CD5C5C#F08080#E9967A#FFA07A2.7 Orange colors
#FF4500#FF6347#FF8C00#FF7F50#FFA5002.8 Yellow colors
#FFFF00#EEE8AA#FFE4B5#FAFAD2#FFFFE02.9 White colors
#FAF0E6#F5F5F5#F0F8FF#F8F8FF#F0FFFF#FFFFFF2.10 Gray and black colors
#000000#2F4F4F#696969#708090#808080#D3D3D33. 모든 RGB, HEX 목록
✅ 표 검색을 위한 검색어 목록
Pink, Red, Orange, Yellow, Brown, Purple, Blue, Cyan, Green, White, Gray, blackⅡ. 색상 코드 조합 추천 사이트 TOP 3
1. Adobe Color
Adobe에서 제공하는 무료 색상 조합 생성 도구로, 다양한 색상 규칙을 적용해 팔레트를 만들 수 있습니다. 웹, 그래픽, UI 디자인 등 다양한 분야에서 활용 가능하며, 저장 및 공유 기능도 제공합니다.
2. Color hunt
Color Hunt는 전 세계 디자이너들이 공유하는 인기 색상 팔레트를 모아 제공하는 사이트입니다. 심플하고 직관적인 인터페이스로 빠르게 원하는 색상 조합을 찾을 수 있습니다. 웹 디자인, 그래픽, SNS 콘텐츠 등 다양한 용도에 활용 가능합니다.
3. Color Space
Color Space는 입력한 기본 색상을 바탕으로 다양한 조화로운 색상 팔레트를 생성해 주는 사이트입니다. 각 색상의 HEX 코드와 미리보기 기능을 제공하여 디자인에 바로 활용할 수 있습니다. 웹, UI, 그래픽 디자인 등 다양한 프로젝트에서 유용하게 사용할 수 있습니다.
ℹ️ 제휴 안내
본 사이트의 콘텐츠에는 제휴 링크가 포함되어 있습니다. 방문자가 이 링크를 통해 상품 또는 서비스를 구매하면 본 사이트는 판매처로부터 수수료를 지급받습니다. 이 과정에서 구매자가 지불하는 금액(이벤트 할인 시 금액이 내려갑니다↓)은 오르지 않습니다. 게시된 가격·할인·재고 정보는 작성 시점 기준이며 실제와 다를 수 있으므로, 구매 전 판매처에서 최종 확인하시기 바랍니다. 상품 선정과 평가는 자체 기준에 따라 작성되며, 수수료 지급 여부가 소개 순서나 평가 내용에 영향을 주지 않습니다.
