직접 사용하는 색상 코드 & 색상 코드 추천 사이트 TOP 3

웹사이트를 운영하면서 자주 사용하는 색상 코드를 페이지에 저장해 두고, 필요할 때마다 사이트 검색 기능을 통해 바로 접속하여 활용할 필요성을 느껴서 페이지를 만들게 되었습니다.

추가로, 색상 코드 조합 사이트도 유용하기 때문에 두 가지 주제로 리스트를 정리했습니다.

Ⅰ. 자주 사용하는 색상 코드

제 취향에 맞춰 개인적으로 사이트에서 그래프, 콜 투 액션 버튼 링크 등에 직접 활용하는 컬러 팔레트입니다.

1. 버튼 링크

#5596FB

별도 설정

#367AE4

다른 사이트도 많이 사용하는 색상

2. 직접 사용하는 헥스 코드_{(ex. 웹사이트 그래프)}

2.1 여러 헥스 코드

 #DC143C

#F9AB00

#FFFF00

#87CEFA

#A9A9A9

#8A2BE2

2.2 Green colors

#00FF00

#5EB982

#33EA4D

#2DB400

#008000

#006400

2.3 Blue colors

#0000FF

#4169E1

#1E90FF

#6495ED

#B0C4DE

#ADD8E6

2.4 Purple, violet, and magenta colors

#800080

#8B008B

#8A2BE2

#FF00FF

#EE82EE

#E6E6FA

2.5 Pink colors

#C71585

#FF1493

#DB7093

#FF69B4

#FFB6C1

#FFC0CB

2.6 Red colors

#FF0000

#DC143C

#CD5C5C

#F08080

#E9967A

#FFA07A

2.7 Orange colors

#FF4500

#FF6347

#FF8C00

#FF7F50

#FFA500

2.8 Yellow colors

#FFFF00

#EEE8AA

#FFE4B5

#FAFAD2

#FFFFE0

2.9 White colors

#FAF0E6

#F5F5F5

#F0F8FF

#F8F8FF

#F0FFFF

#FFFFFF

2.10 Gray and black colors

#000000

#2F4F4F

#696969

#708090

#808080

#D3D3D3

3. 모든 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, 그래픽 디자인 등 다양한 프로젝트에서 유용하게 사용할 수 있습니다.

생성 전생성 후

생성 전생성 후

ℹ️ 제휴 안내
본 사이트의 콘텐츠에는 제휴 링크가 포함되어 있습니다. 방문자가 이 링크를 통해 상품 또는 서비스를 구매하면 본 사이트는 판매처로부터 수수료를 지급받습니다. 이 과정에서 구매자가 지불하는 금액^{(이벤트 할인 시 금액이 내려갑니다↓)}은 오르지 않습니다. 게시된 가격·할인·재고 정보는 작성 시점 기준이며 실제와 다를 수 있으므로, 구매 전 판매처에서 최종 확인하시기 바랍니다. 상품 선정과 평가는 자체 기준에 따라 작성되며, 수수료 지급 여부가 소개 순서나 평가 내용에 영향을 주지 않습니다.