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

  • 도메인 라이프 사이클(Domain Life Cycle)

    도메인 라이프 사이클Domain Life Cycle이란 도메인 이름의 활동 주기를 말하며, 도메인이 생성된 후에 사용 기간이 만료된 후 최종 삭제가 진행되는 기간과 상태를 말합니다. 도메인의 만료일과 상태는 도메인 정보 조회를 통해 확인할 수 있습니다. 라이프 사이클은 도메인 최상위 관리 기관Registry의 정책에 따라 다르게 운영될 수 있습니다. 목차Ⅰ. 자주 사용하는 색상 코드1. 버튼 링크2. 직접…

  • HSTS 보안&속도 2가지 장점

    HSTS(HTTP Strict Transport Security)를 이용하는 웹사이트에 적용했을 경우 보안과 속도의 이점을 볼 수 있습니다. 이 말은 HSTS preload(사전로드) 기능이 사전로드(or 미리로드) 방식을 통해 기존 HTTPS가 적용된 사이트의 느려진 속도를 어느 정도 보완할 수 있습니다. 프리로드 등록은 해당 페이지에 등록하면 설정이 완료 됩니다. HTTPS부터 시작해서 ‘HTTP Strict Transport Security’에 대해 순차적으로 알아보겠습니다. 목차Ⅰ. 자주…

  • 한국 및 해외 .com 도메인 가격 비교[2024년]

    사업을 위한 웹사이트, 워드프레스와 같은 개인 블로그나 웹사이트를 운영하기 위해 좋은 서비스와 합리적인 비용의 .com 도메인 가격에 대해 알아보게 되면서 자연스럽게 국내와 해외를 비교하게 됩니다. 국내 및 해외 도메인 가격 비교를 진행 해 보겠습니다. 가장 많이 사용하고 선호하는 .com 도메인 도메인을 메인으로 비교한 자료입니다. 목차Ⅰ. 자주 사용하는 색상 코드1. 버튼 링크2. 직접 사용하는…

  • 유튜브 프리미엄 가격 차이[3가지 가격]

    광고 없이 유튜브를 광고 없이 유튜브를 보기 위해 많은 사람이 유튜브 프리미엄에 가입합니다. 유튜브 프리미엄 가격은 크게 3가지 요금제로 나뉘게 됩니다. 이때 결제하는 기기(스마트폰, PC)에 따라 요금에 차이가 발생하는데요. 특히 애플 아이폰이나 아이패드에서 결제할 경우, PC 웹사이트에서 결제하는 것보다 가격이 더 비쌉니다. 이는 애플의 iOS 앱 결제 시 발생하는 높은 수수료 때문입니다. 각…

  • Off Page SEO: 오프 페이지 SEO 정의와 7가지 방법

    오프 페이지 SEO(Off Page SEO)란 SEO의 범주 중 하나로 콘텐츠 내부(온 페이지 SEO)가 아닌 외부로부터 검색 엔진 순위를 높이기 위한 SEO입니다. 다른 웹 사이트로부터 발생하는 백링크 구축을 통한 링크 빌딩, 다른 웹 사이트로부터 받은 백링크에 대한 가치를 나타내는 링크 주스 등을 생각할 수 있습니다. 결국 “백링크가 중요하다.”가 주요 포인트 중 하나인 이유는 많은…

  • [SEO] 서브도메인 VS 서브폴더 2가지 설정 중 SEO에 더 유리한 것은?

    서브도메인 VS 서브폴더 SEO에 어떤 방식이 유리한지 알아 보겠습니다. 먼저 Subdomain에 대해 간략히 설명하자면 인터넷에서 특정 사이트에 접속했을 때 www.domain.com에서 shop.domain.com이나 blog.domain.com과 같이 서브도메인으로 연결되는 경우를 확인한 적이 있을 겁니다. shop이나 blog와 같은 Subdomain 외에 www.domain.com/shop과 www.domain.com/blog와 같이 서브폴더(하위 디렉토리 or 하위 폴더)로 주제를 나누는 방법이 있습니다. 서브도메인 VS 서브폴더 두 가지 설정을…

답글 남기기

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

Prove your humanity: 5   +   5   =