WEB

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

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

0 Comments

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

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

TOC

1mn read

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

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

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

구글 페이지스피드 인사이트: 코어 웹 바이탈로 보는 웹사이트 속도 최적화 가이드
Published:i-var uknew

구글에서 만든 페이지스피드 인사이트는 웹사이트의 속도와 사용자 경험을 측정해주는 대표적인 성능 분석 도구입니다. 단순히 웹사이트 속도 측정을 위한 페이지 로딩 시간을 평가하는 것을 넘어, 코어 웹 바이탈 평가 지표를 기반으로 사이트의 전반적인 품질을 진단하고 개선 방향을 제시합니다. 코어 웹 바이탈은 실제 사용자 경험을 수치화한 3가지 핵심 지표로, 주요 콘텐츠가 화면에 표시되는 속도(LCP: 최대…
WEB

아이폰 화면꺼짐 설정(시간30초부터~안함까지)
Published:jarvis

아이폰을 처음 산 후 사용하다 보면 화면 꺼짐으로 인한 불편함을 겪게 됩니다. 불편함을 없애기 위해 아이폰 화면꺼짐 설정 기능을 해제하거나 시간 설정을 하는 방법에 대해 알아보겠습니다. 먼저 아이폰의 설정 화면에서 디스플레이 및 밝기 탭으로 접속합니다. 접속 후 자동잠금 설정으로 접속합니다. [아이폰 화면꺼짐 설정 방법] – 디스플레이 및 밝기 -> 자동잠금 -> 시간 설정(아예…
WEB

[Google] 크롬 홈 버튼 설정하는 방법
Published:wilson

구글 검색을 사용하기 위해 크롬 브라우저를 사용하는데 크롬 홈 버튼 설정이 되어 있지 않아 불편할 때가 있습니다. 개인적으로 홈 버튼 설정 시 우측 상단에 Gmail과 유튜브 및 구글 드라이브 등의 다양한 기능을 한번만 클릭해서 사용할 수 있기 때문에 홈 버튼 설정을 선호합니다. 개인적으로 다크 모드를 좋아하기 때문에 크롬 화면은 기본 다크 모드로 설정되어…
WEB

검색엔진 점유율 순위-구글vs네이버(2022년 1분기)
Published:jarvis

구글의 전세계 검색엔진 점유율은 92%로 독점적인 시장 구조를 형성하고 있음을 알 수 있습니다. 국내 검색엔진은 오랜 기간 네이버와 다음이 양분했지만 다음의 점유율은 5% 대로 하락하고 ‘구글vs네이버‘로 국내 검색엔진 시장은 양분화 되었다고 할 수 있습니다. 구글의 국내 점유율이 30%를 넘게 된 것은 2019년 부터입니다. 1. 검색엔진 점유율-구글vs네이버 서비스 비교 구글의 점유율이 전 세계적으로 높은…
WEB

[SEO] 사이트맵(SiteMap) 정의 | 구글, 네이버, 빙 사이트맵 제출 방법
Published:jarvis

검색엔진최적화SEO를 진행할 때 처음에 접하게 되는 단어중 하나가 사이트맵SiteMap입니다. Sitemap이란 무엇이며, 어떤 용도로 사용되는지 알아 보겠습니다. 사이트맵 정의 Sitemap이란 구글 및 네이버와 같은 검색 엔진 봇이 색인을 진행할 페이지를 나열한 XML 파일입니다. 이름처럼 웹 사이트를 방문한 크롤러(봇)에게 지도와 같은 역할을 수행합니다. Sitemap에서 모든 웹페이지 목록을 제공해 줌으로써 봇이 원할하게 페이지를 크롤링 할 수…
WEB

네이티브 광고(Native advertising)란 무엇인가?
Published:wilson

네이티브 광고(Native advertising, Native AD)는 해당 웹사이트에 맞춰 고유한 방식으로 기획 및 제작된 광고를 말 합니다. 기존의 광고는 이용자의 관심을 끌기 어려운 점이 있습니다. ✅ 네이티브 광고의 정의 및 특징 배너 광고 또는 디스플레이 광고와 달리 Native AD는 실제로 광고처럼 보이지 않으며, 이로 인해 사용자와 페이지의 상호 작용을 방해하지 않습니다. 경우에 따라 웹사이트…