직접 사용하는 색상 코드 & 색상 코드 추천 사이트 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

  • 구글 알리미 설정: 관심 분야의 키워드와 주제 설정하기

    ‘구글 알리미‘ or ‘구글 알림‘으로 부르는 구글의 알리미는 관심 분야의 키워드를 설정해서 관련 콘텐츠를 메일로 전달 받는 구글의 무료 서비스입니다. 뉴스 기자, 에디터, 마케터, 개인 블로거 및 특정 취미에 관심 있는 개인 사용자 등을 아우르는 특정 분야에서 지속적인 정보를 얻고자 할 때 구글 알리미 설정을 통해 사용하는 경우를 고려할 수 있습니다. 목차Ⅰ. 자주…

  • [GA4] 구글 애널리틱스 서치 콘솔 연결 방법

    구글 애널리틱스에서 구글의 서치 콘솔(Google Search Console)을 연결해서 사용할 수 있습니다. 애널리틱스 서치 콘솔 연결이 필요한 이유는 어떤 검색어로 유입되었는지 확인하는 것 뿐 아니라 검색 결과 페이지 노출 수와 순위, 노출 수 대비 순위 등을 알 수 있기 때문입니다. 목차Ⅰ. 자주 사용하는 색상 코드1. 버튼 링크2. 직접 사용하는 헥스 코드(ex. 웹사이트 그래프)3. 모든…

  • SEO: 구글 허밍버드 알고리즘

    구글 허밍버드(Hummingbird)는 검색 결과 개선을 위해 2013년에 구글이 업데이트한 알고리즘 코드명입니다. 허밍버드는 검색자의 키워드가 포함된 웹페이지를 표시하는 대신 검색자의 의도를 이해하고 일치 시킬 수 있도록 돕는 것을 목표로 합니다. 검색 엔진 중 특히 구글은 사용자 경험(UX)을 최적화하기 위해 정기적으로 알고리즘을 조정하지만 Hummingbird는 Panda(2011) 및 Penguin(2012)보다 더 의미 있는 알고리즘이었습니다. 목차Ⅰ. 자주 사용하는 색상…

  • 도메인: 정의 및 개념 | 최상위 도메인(TLD)의 종류

    도메인은 원래 ‘영토, 영역, 분야’ 등을 뜻하는 단어로, 오늘날에는 인터넷 주소의 의미로 확장되어 사용되고 있습니다. 도메인은 인터넷에서 웹사이트에 접속할 때 사용하는 사람이 읽기 쉬운 주소입니다. 웹사이트는 본래 고유한 IP 주소(숫자)로 구분되지만, 기억하기 어렵기 때문에 문자 기반의 도메인을 사용하게 되었습니다. 목차Ⅰ. 자주 사용하는 색상 코드1. 버튼 링크2. 직접 사용하는 헥스 코드(ex. 웹사이트 그래프)3. 모든…

  • 구글 애널리틱스 서치콘솔 연결 방법

    구글 애널리틱스 서치콘솔 연결 시 사용자가 어떤 방식으로 구글 검색에서 내 사이트를 접속했는지 알 수 있습니다. 이를 기반으로 ‘구글 애널리틱스’에서 접속 한 장소(국가 및 도시)와 구글, 네이버, 다음, 빙 등 접속한 경로를 알 수 있기에 유용하게 사용할 수 있습니다. 그 외에 데이터도 제공하기에 웹페이지에 접속했던 통계를 보다 체계적으로 사용할 수 있게 도와주는 유용한…

  • DNS 레코드 확인 및 네임서버 성능 측정 사이트

    DNS(Domain Name System)는 호스트의 네트워크 주소 변경을 수행하기 위해 개발된 시스템입니다. 기본 호스트 서버로 연결되기 전에 보통의 경우 IP 주소를 대신해서 사용하는 주소인 도메인은 DNS에 의해 IP와 도메인을 연결해 줍니다.DNS 레코드 확인을 편하게 할 수 있는 “whatsmydns”와 DNS 서버의 성능을 측정할 수 있는 “DNSPerf”에 대해 알아 보겠습니다. 호스팅 서비스를 이용하게 되면 공유 호스팅과…

답글 남기기

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

Prove your humanity: 5   +   4   =