WEB

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

Author:macbeth 등록일2025-10-13 05:552025-11-05 09:39 업데이트2025-11-05

0 Comments

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

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

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

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

1. 버튼 링크

#5596FB

별도 설정

#367AE4

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

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

참조: 위키 웹_색상

2.1 여러 헥스 코드

 #DC143C

#F9AB00

#FFFF00

#87CEFA

#A9A9A9

#8A2BE2

2.2 Green colors

#00FF00

Lime

#5EB982

#33EA4D

#2DB400

네이버에서 사용_{(로고 등)}

#008000

Green

#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 Color

색상 휠테마 추출

Adobe에서 제공하는 무료 색상 조합 생성 도구로, 다양한 색상 규칙을 적용해 팔레트를 만들 수 있습니다. 웹, 그래픽, UI 디자인 등 다양한 분야에서 활용 가능하며, 저장 및 공유 기능도 제공합니다.

2. Color hunt

Color hunt

Color Hunt는 전 세계 디자이너들이 공유하는 인기 색상 팔레트를 모아 제공하는 사이트입니다. 심플하고 직관적인 인터페이스로 빠르게 원하는 색상 조합을 찾을 수 있습니다. 웹 디자인, 그래픽, SNS 콘텐츠 등 다양한 용도에 활용 가능합니다.

3. Color Space

Color Space

Color Space는 입력한 기본 색상을 바탕으로 다양한 조화로운 색상 팔레트를 생성해 주는 사이트입니다. 각 색상의 HEX 코드와 미리보기 기능을 제공하여 디자인에 바로 활용할 수 있습니다. 웹, UI, 그래픽 디자인 등 다양한 프로젝트에서 유용하게 사용할 수 있습니다.

생성 전생성 후

WEB

[Chrome]구글 디스커버란?|디스커버 관심분야 설정 방법
Published:jarvis

전 세계의 수 많은 사람들이 웹을 이용한 뉴스 기사와 관심 키워드를 구글링을 통해 소비합니다. 발견하다는 이름처럼 구글 디스커버(Google Discover)는 보다 쉽게 온라인 사용자의 관심사를 자동으로 보여주는 기능입니다. 목차Ⅰ. 자주 사용하는 색상 코드1. 버튼 링크2. 직접 사용하는 헥스 코드(ex. 웹사이트 그래프)3. 모든 RGB, HEX 목록Ⅱ. 색상 코드 조합 추천 사이트 TOP 31. Adobe Color2….
WEB

카카오톡 다크모드 설정 방법 2가지(모바일&PC)
Published:wilson

웹 검색이나 앱(App) 사용을 할 때 눈의 피로감을 덜 하기 위해 다크모드 설정 후 사용을 많이 합니다. 다크 모드의 장점은 어두운 화면일 수록 방출되는 빛의 양이 줄어들어 눈의 피로감 역시 줄어듭니다. 다크모드는 전력 소비도 줄일 수 있어 휴대폰 사용 시 방전되는 기간을 늘릴 수 있습니다. 카카오톡 다크모드 설정 방법 모바일과 PC에 대해 하나…
WEB

구글 애널리틱스 애드센스 연결 방법
Published:wilson

애드센스를 사용하다 보면 어느 페이지에서 수익이 나는지 궁금할 때가 있습니다. 애널리틱스 자체적으로는 확인이 어렵기 때문에 구글 애널리틱스에서 볼 수 있게 끔 구글 애널리틱스 애드센스 연결 설정에 대해 알아 보겠습니다. 당연한 이야기이지만 애드센스와 애널리틱스 양쪽에 가입이 되어 있어야 연동이 가능합니다. 목차Ⅰ. 자주 사용하는 색상 코드1. 버튼 링크2. 직접 사용하는 헥스 코드(ex. 웹사이트 그래프)3. 모든…
WEB

[WP] 워드프레스 블록에디터 개요 및 구텐베르크
Published:wilson

워드프레스를 시작하게 되면 워드프레스 블록에디터인 구텐베르크(Gutenberg) 편집기란 단어를 접하게 됩니다. 예전 워드프레스 편집기는 클래식 편집기를 사용했지만 보다 직관적인 웹 구축 경험을 위해 Gutenberg 편집기로 대체되었습니다. 목차Ⅰ. 자주 사용하는 색상 코드1. 버튼 링크2. 직접 사용하는 헥스 코드(ex. 웹사이트 그래프)3. 모든 RGB, HEX 목록Ⅱ. 색상 코드 조합 추천 사이트 TOP 31. Adobe Color2. Color hunt3….
WEB

[SEO]검색 엔진 결과 페이지-SERP란? | 10가지 SERP 리스트
Published:jarvis

검색엔진최적화(SEO)에 대한 관심이 한국에서도 늘어나는 추세입니다. 구축한 웹사이트를 단순하게 광고하는 방식이 아닌 자연 검색 트래픽으로 방문자를 늘리는 방식이지요. 구글은 사용자 경험을 포함 정보성 글을 중요하게 생각하며 AI가 등장한 이후 더더욱 이 추세는 강해지고 있습니다. 웹사이트의 글(Post)이 구글 첫 페이지부터 나오는 자연 검색 결과를 포함한 다양한 검색 엔진 결과 페이지(SERP:Search Engine Result Page)에는 어떤…
WEB

포털사이트1위: 네이버 사이트 등록 방법
Published:jarvis

네이버 사이트 등록 방법에 대해 알아보겠습니다. 먼저 네이버 서치어드바이저에 접속해야 합니다. 목차Ⅰ. 자주 사용하는 색상 코드1. 버튼 링크2. 직접 사용하는 헥스 코드(ex. 웹사이트 그래프)3. 모든 RGB, HEX 목록Ⅱ. 색상 코드 조합 추천 사이트 TOP 31. Adobe Color2. Color hunt3. Color Space1. 네이버 사이트 등록 서치어드바이저 접속 후 이미 가입한 네이버 아이디로 로그인 합니다….