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

[SEO]외부 링크(External Links)란 무엇인가?
Published:jarvis

검색엔진최적화(SEO)에서 외부 링크(External Link)는 내 웹사이트에서 다른 웹사이트로 연결하는 하이퍼링크입니다. 아웃바운드 링크라고도 부르는 외부 링크는 검색 엔진 결과 페이지(SERP) 결과를 표시할 때 구글에서 고려하는 중요한 순위 요소 중 하나입니다. 내 웹사이트에서 웹사이트 내 다른 페이지를 링크한 내부 링크와는 다른 개념인 아웃바운드 링크는내 웹사이트(A)에서 콘텐츠를 발행할 때 특정 단어에 대한 추가 설명이 필요하거나 참조한…
WEB

TrustPilot(트러스트파일럿):글로벌 리뷰 사이트
Published:macbeth

TrustPilot(트러스트파일럿)은 2007년 덴마크에서 세워진 리뷰 웹사이트입니다. 매월 100만 개의 리뷰가 게재되고 있습니다. 소비자는 구매한 제품의 경험에 대한 리뷰를 게시하게 되고 기업은 고객의 요구를 이해하고 제품 및 서비스 개선에 참고 자료로 활용할 수 있습니다. 목차Ⅰ. 자주 사용하는 색상 코드1. 버튼 링크2. 직접 사용하는 헥스 코드(ex. 웹사이트 그래프)3. 모든 RGB, HEX 목록Ⅱ. 색상 코드 조합…
WEB

HTTPS란? SSL/TLS 보안인증서 개요 및 차이점
Published:jarvis

HTTPSHyperText Transfer Protocol Secure란 월드와이드웹(WWW)의 통신 프로토콜인 HTTP의 보안이 강화된 프로토콜 버전입니다. 통신의 인증 및 암호화를 위해 넷스케이프 커뮤니케이션즈 코퍼레이션에서 개발한 넷스케이프 웹 프로토콜이 HTTPS입니다. 목차Ⅰ. 자주 사용하는 색상 코드1. 버튼 링크2. 직접 사용하는 헥스 코드(ex. 웹사이트 그래프)3. 모든 RGB, HEX 목록Ⅱ. 색상 코드 조합 추천 사이트 TOP 31. Adobe Color2. Color hunt3. Color Space…
WEB

[SEO] 검색엔진 최적화 기본 용어 5가지 및 최적화를 기본적인 필수 사항
Published:jarvis

웹사이트로 광고 수익을 창출하거나 온라인 쇼핑몰에서 물품을 판매한다면 검색엔진 최적화는 필수입니다. ‘검색엔진 최적화 기본 용어’에 대해 알아 보겠습니다. 구글·네이버와 같은 검색 사이트에서 유료 광고 외에도 원하는 글이나 상품이 글 상단 or 첫페이지에 나온다면 그만큼 광고비를 아낄 수 있고 마케팅에서 많은 이점을 누릴 수 있기 때문입니다. 목차Ⅰ. 자주 사용하는 색상 코드1. 버튼 링크2. 직접…
WEB

Awin Affiliate 회원가입
Published:jarvis

Awin Affiliate에 회원 가입을 진행했습니다. 순서에 대해 확인 해 보겠습니다. 목차Ⅰ. 자주 사용하는 색상 코드1. 버튼 링크2. 직접 사용하는 헥스 코드(ex. 웹사이트 그래프)3. 모든 RGB, HEX 목록Ⅱ. 색상 코드 조합 추천 사이트 TOP 31. Adobe Color2. Color hunt3. Color Space1. Awin Affiliate란? 아마존 어필리에이트와 같이 해외에서 인지도 있는 광고대행 회사입니다. Awin Affiliate (이전…
WEB

HTML이란 무엇인가? | HTML5 개념과 DOM 관계
Published:I-var uknew

대부분의 웹 페이지는 HTML로 만들어져 있습니다. 우리가 브라우저에서 보는 텍스트, 이미지, 링크, 버튼 등은 모두 HTML을 통해 구조화되고 표현됩니다. HTML은 단순한 마크업 언어가 아니라, 웹이라는 공간의 기초 언어이자 모든 웹 개발의 출발점입니다. 특히 HTML5는 이전 버전과 달리 더 풍부한 의미 구조를 담을 수 있도록 진화했으며, 모바일 시대에 최적화된 표준으로 자리 잡았습니다. 이 페이지에서는…