loading

디지털노마드 달토깽이♡

반응형


안녕하세요. 달토깽이입니다.

 

웹사이트 속에서 예쁜 색감을 쓰고 싶어요

저는 웹디자이너는 아니지만 종종 블로그썸네일 만들때나 폰트 글씨 쓸때 보다 예쁜색감으로 글을 쓰고 싶거나 배경색을 하고 싶을 때가 있어요. 물론 네이버가 제공해주는 파레트나 티스토리가 제공해주는 파레트가 있지만 색상코드를 넣어주면 내가 쓰고 싶은 색을 쓸수가 있어요. HTML색상표 웹사이트(컬러 파레트)가 여러곳이 있더라고요. 그래서 한번 소개해드려보겠습니다.

 

잠깐! 용어정리 하고 갈께요

HTML 색상코드란

RGB 색상코드가 0~255의 10진수로 각 RGB에 대한 색상 값을 표현한다면, 이 값을 16진수 00~FF로 변환한 코드 값입니다.

 

컬러피커(color picker)란

그래픽 소프트웨어에서 색을 선택하기 위한 도구. 툴박스 혹은 별도의 컬러 스와치(color swatch)에서 색을 선택할 수 있는 도구입니다.

 

색상 코드(Color code)란

색상 코드(Color code)는 개체의 색깔을 표기하기 위해 만들어진 디지털 코드입니다. 컴퓨터 프로그래밍  HTML등에서 사용되며, 표기하는 방식에는 크게 세 가지가 있습니다.

 

 

 

1. 네이버 색상코드표(색상 팔레트)

네이버 색상팔레트

네이버색상파레트가 있어요. 네이버 색상 팔레트하고 검색하면 나오지 않고 그냥 "색상코드표" "색상코드" 이렇게 검색해야 나옵니다. 정말 기본적이지만 빠른 시간내에 색상을 사용할때 바로바로 사용할수 있어요. 네이버 색상 팔레트 특징을 말하자면 한가지 색상코드를 지정하면 RGB,HSB,CMYK를 같이 제공해줍니다.

네이버 색상코드표(색상 팔레트)바로가기

 

 

 

 

2. 미리캔버스 팔레트(테마색상 및 컬러추출)

미리캔버스 테마 색상팔레트

저 같은 경우는 블로그 썸네일을 만들때 미리캔버스로 만드는 편이라서 굉장히 많이 이용합니다. 물론 이미지를 그대로 사용하지 않고 나름의 조합과 편집과 색상변경과 내 사진결합 등등으로 썸네일을 제 탄생시키는 편입니다. 

미리캔버스 팔레트(테마색상 및 컬러추출)바로가기

 

 

 

 

3. ADOBE COLOR CC

ADOBE COLOR 색상휠

ADOBE COLOR 색상휠

ADOBE COLOR 색상휠 같은 경우는 휠을 돌리면서 본인이 원하는 칼라코드를 얻어내는 공간입니다.

ADOBE COLOR 바로가기

 

 

 

테마 추출 : 사진에서 색추출

 

ADOBE COLOR 테마추출

요거는 테마 추출인데 사진을 첨부하면 사진에서 색을 추출해서 색상표를 만들어줍니다. 

 

 

 

그레이디언트 추출

 

 

ADOBE COLOR 그레이디언트 추출

약간 그라데이션 되어있는 상태에서 색상을 추출하는 방법입니다.

 

 

 

 

 

 

4. PALETTON

메인 컬러 피커를 통하여 1색~4색까지 메인 컬러를 결정하고 명도와 채도를 조정하여 서브 컬러를 자동으로 생성 할 수 있습니다. 정말 초보자도 쉽게 사용할수 있는 거는 휠을 돌리면서 기본 색상 한가지를 정하고 나면 랜덤 컬러팔레트를 제공해주어 직관적이고, 편하게 이용할수 있어서 좋아요. PALETTON 바로가기

 

 

HTML색상표 웹사이트는 엄청나게 많지만 제가 사용해본 HTML색상표 웹사이트 4곳 소개해드렸습니다. HTML색상추출하시거나 HTML색상코드 필요하실때 유용하게 쓰시길 바래요 : ) 감사합니다.


Copyright ⓒ 2022 달토깽이. All Rights Reserved.


같이 읽으면 좋은글 

 

 

팔레트 다양한 색상 조합 사이트 3곳, Color Hunt ,LOLCOLORS,Adobe Color CC

팔레트 다양한 색상 조합 사이트 3곳 Color Hunt LOLCOLORS Adobe Color CC colorhunt Color Hunt 다양한 색상조합을 볼수 있고 편하게 사용 가능 LOLCOLORS LOLCOLORS 매일 새로운 색조합이 업로드 되고 투표되어 어떤

romance-dal315.tistory.com

 

반응형