본문 바로가기
디자인/:: 유용한디자인정보

컬러이름 색상이름 색상값찾는방법

by 안출근 2023. 1. 3.
반응형

컬러(색상)마다 이름이 있습니다. 컬러이름 색상이름 찾는 방법에 대해서 알아보겠습니다.

 

 

 

컬러파레트

 

 

컬러이름 색상이름을 알려주는 대표적인 사이트

  1. htmlcsscolor
  2. encycolorpedia
  3. colorpedia
  4. colorbada
  5. colorhexa
  6. color-blindness

 

 

 

htmlcsscolor

color picker의 입력창을 통해서 헥스코드(#숫자 6자리)를 입력한 다음 info 버튼을 클릭합니다.

그럼 하단에 회색큰 글자로 색상이름이 나옵니다. 

htmlcsscolor

 

 

 

 

그 아래쪽으로 색조, 변형된 컬러, 배경색에 따라서 보이는 예시 화면등을 제공해 줍니다.

 

htmlcsscolor

 

htmlcsscolor

 

 

 

htmlcsscolor 바로가기

 

 

 

 

 

 

 

encycolorpedia

메인화면의 검색창에 헥스코드값을 입력하면 해당 컬러에 대한 정보들을 보여줍니다.

encycolorpedia

 

 

 

 

색상변형에 대한 정보, 관련된 색상이름에 대해서도 정보를 제공합니다.

encycolorpedia

 

 

 

encycolorpedia 바로가기

 

 

 

 

 

 

 

 

 

 

colorpedia

굉장히 직관적인 화면입니다. 돋보기 버튼 옆에 헥스코드값을 입력해 주세요. 컬러값을 모른다면 돋보기 클릭 시 컬러를 선택하면 헥스코드값을 노출해 줍니다. 

colorpedia

 

 

 

 

스크롤을 상단으로 올리면 컬러를 선택할 수 있게 만들어졌습니다. 굉장히 편리한 기능인 것 같습니다.

colorpedia

 

 

 

 

 

 

 

검색한 컬러와 보색 컬러도 알려줍니다.

colorpedia

 

 

colorpedia 바로가기

 

 

 

 

 

 

 

 

colorbada

색상이름을 헥스코드로 입력하면 해당 컬러이름을 바로 아래에 제공합니다. 단점은 컬러값을 모르는 경우 컬러를 선택할 수 있는 기능은 제공하지 않습니다.

 

colorbada

 

 

 

 

그 외에 컬러팔레트, 컬러팔레트생성기 등은 무료로 제공하고 컬러바다 리소스를 유료로 제공합니다.

colorbada

 

colorbada
colorbada

 

 

colorbada 바로가기

 

 

 

 

 

 

 

 

 

 

 

colorhexa

검색창에 컬러이름을 입력하면 해당 컬러에 대한 정보가 나옵니다. 이 사이트가 좋은 점은 컬러값을 헥스코드 외에 RBG, 영어컬러이름으로 검색할 수 있다는 점입니다. 예를 들면 Alice blue라고 검색하면 색상값을 알려줍니다.

colorhexa

 

 

 

검색창 앞쪽 동그란 컬러를 선택하면 컬러값을 몰라도 원하는 컬러를 찾을 수 있습니다.

colorhexa

 

 

 

 

또한 색상변환값과, 색 구성표, 유사색, 음영, 색조, 음색, 색맹 시뮬레이터까지 제공합니다.

 

colorhexa

 

colorhexa

 

개인적으로 색맹시뮬레이터까지 제공하는 점은 사회적 약자를 고려한 배려라고 생각합니다.

 

colorhexa 바로가기

 

 

 

 

추천글

[2022.12.23] - 색상대비 검사기(명도대비 비율계산기)

[2022.12.23] - 파워포인트 슬라이드 크기조절하는방법

[2022.01.28] - 그리드계산기 (웹/앱디자인)

[2022.01.09] - 포토샵브러쉬 무료로다운로드(공식사이트에서 제공)

[2022.01.06] - 안카메라 구버전무설치 다운로드

 

 

 

 

 

 

 

 

반응형

댓글