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

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

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

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

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

1. 버튼 링크

내 색상 코드-콜투 액션 버튼(#5596FB)
내 색상 코드-콜투 액션 버튼(#367AE4)
#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 Color(테마 추출)

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

2. Color hunt

색상 코드 조합 - Color Hunt

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

3. Color Space

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

생성 전생성 후
색상 코드 조합 - Color Space(색상 생성) 1
색상 코드 조합 - Color Space(색상 생성) 2

Similar Posts

  • [SEO] Google Sandbox time period란?

    WordPress, Wix, Drupal 등의 CMS를 이용해서 웹 사이트를 만들거나 직접 웹 사이트를 만들어 유효한 SEO 전략을 사용했지만 원하는 웹 페이지가 구글 첫 페이지에 나오지 않는 경우가 있습니다. 이유는 “Google Sandbox time period” 때문일 수 있습니다. 공식적으로 Google에선 ‘Google Sandbox’를 인정하지 않지만 이와 같은 현상은 검색 엔진에 적용된다는 사실입니다. 구글에 새로운 사이트를 서치 콘솔에…

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

    네이티브 광고(Native advertising, Native AD)는 해당 웹사이트에 맞춰 고유한 방식으로 기획 및 제작된 광고를 말 합니다. 기존의 광고는 이용자의 관심을 끌기 어려운 점이 있습니다. 목차Ⅰ. 자주 사용하는 색상 코드1. 버튼 링크2. 직접 사용하는 헥스 코드(ex. 웹사이트 그래프)3. 모든 RGB, HEX 목록Ⅱ. 색상 코드 조합 추천 사이트 TOP 31. Adobe Color2. Color hunt3. Color…

  • 크롬 개발자 도구 네트워크 탭 성능 테스트 가이드

    웹사이트의 실제 성능을 분석하려면 단순한 속도 점수보다는 브라우저가 리소스를 어떻게 로드하는지 직접 확인해야 합니다. 크롬 개발자 도구 네트워크 탭은 페이지가 로드되는 동안 발생하는 모든 요청을 실시간으로 추적하여, 병목 구간·캐시 정책·응답 속도를 정확히 파악할 수 있는 가장 강력한 도구입니다. 이 글에서는 네트워크 탭의 주요 항목과 리소스 분석 방법을 단계 별로 살펴보며, 워드프레스와 같은 CMS…

  • SEO: 구글 펭귄

    구글 펭귄(Google Penguin)은 ‘판다’에 이어 업데이트 된 검색 알고리즘입니다. 펭귄의 목적은 순위 조작 목적으로 링크 구매 또는 판매 등과 같은 링크 스팸 등을 방지하고자 만들어졌습니다. 목차Ⅰ. 자주 사용하는 색상 코드1. 버튼 링크2. 직접 사용하는 헥스 코드(ex. 웹사이트 그래프)3. 모든 RGB, HEX 목록Ⅱ. 색상 코드 조합 추천 사이트 TOP 31. Adobe Color2. Color hunt3….

  • [SEO] 링크 빌딩(Link Building)이란 무엇인가?

    검색 엔진 최적화(SEO)를 위한 여러가지 방법 중 링크 빌딩(Link Building)은 필수 요소 중 하나가 되었습니다. 이 글에서는 링크 빌딩이 무엇이며, 어떤 방법으로 이용되는지 알아 보겠습니다. 구글 및 기타(야후, 빙 등) 검색 엔진 순위를 높일 수 있는 Link Building(링크 구축)은 다른 웹 사이트로부터 내 웹 사이트로 품질 좋은 백링크를 말합니다. 목차Ⅰ. 자주 사용하는 색상…

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

    구글의 전세계 검색엔진 점유율은 92%로 독점적인 시장 구조를 형성하고 있음을 알 수 있습니다. 국내 검색엔진은 오랜 기간 네이버와 다음이 양분했지만 다음의 점유율은 5% 대로 하락하고 ‘구글vs네이버‘로 국내 검색엔진 시장은 양분화 되었다고 할 수 있습니다. 구글의 국내 점유율이 30%를 넘게 된 것은 2019년 부터입니다. 목차Ⅰ. 자주 사용하는 색상 코드1. 버튼 링크2. 직접 사용하는 헥스…

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

Prove your humanity: 3   +   1   =