우리 눈에 보색 색상 표 체계가 필요한 이유와이를 만들 수있는 곳

보완 색상 표 체계

두 가지 이상의 색상이 서로를 보완하는 방법 뒤에 실제로 생물학이 있다는 것을 알고 계셨습니까? 저는 안과 의사도 안과 의사도 아니지만 저와 같은 단순한 사람들을 위해 여기에서 과학을 번역하려고 노력할 것입니다. 일반적인 색상부터 시작하겠습니다.

색상은 주파수입니다

사과가 빨 갛죠… 맞죠? 글쎄,별로. 빛이 사과 표면에서 반사되고 굴절되는 빈도는 그것을 감지 할 수있게하여 우리의 눈에 의해 신호로 변환되어 우리가 "빨간색"으로 식별하는 뇌로 전송됩니다. 어 ... 생각 만해도 머리가 아파요. 하지만 사실입니다… 단순히 빛의 주파수입니다. 다음은 전자기 스펙트럼과 각 색상의 주파수에 대한보기입니다.

색상과 전자기 스펙트럼

이것이 바로 프리즘을 향한 백색광이 무지개를 만드는 이유입니다. 실제로 일어나는 것은 빛이 굴절됨에 따라 크리스탈이 파장의 주파수를 변경한다는 것입니다.

프리즘
크리스탈 프리즘은 백색광을 여러 색상으로 분산시킵니다.

당신의 눈은 주파수 감지기입니다

당신의 눈은 진정으로 전자기 스펙트럼의 색상 주파수 범위에 대한 주파수 감지기입니다. 색을 감지하는 능력은 눈의 벽에있는 다양한 유형의 원뿔을 통해 발생하며 시신경에 연결됩니다. 각 주파수 범위는 이러한 원뿔 중 일부에 의해 감지 된 다음 시신경에 대한 신호로 변환되어 식별 된 뇌로 전송됩니다.

아주 높은 콘트라스트의 무언가를 오랫동안 응시하고 눈을 떼고보고 있던 원래 색상과 일치하지 않는 잔상을 계속 볼 수 있다는 것을 알고 계셨습니까? 흰 벽에 파란색 사각형이 있다고 가정 해 보겠습니다.

잠시 후 청색광을 처리하는 눈의 세포가 피로 해져서 뇌로 보내는 신호가 약간 약해집니다. 시각 스펙트럼의 그 부분이 약간 억제되어 있기 때문에 파란색 사각형을 응시 한 후 흰색 벽을 보면 희미한 주황색 잔상이 나타납니다. 여러분이보고있는 것은 벽에서 나오는 빛의 흰색 스펙트럼에서 약간의 파란색을 뺀 것입니다. 뇌는 주황색으로 처리합니다.

색상 이론 101 : 보완 색상이 자신에게 적합하도록 만들기

피로가 발생하지 않았다면, 우리의 눈과 뇌는 그들이보고있는 여러 파장 (예 : 색상)을 해석하기 위해 열심히 일할 필요가 없습니다.

시각적 소음과 조화

소리와 색의 비유를 해봅시다. 서로 보완되지 않는 다른 주파수와 볼륨을 들었다면 다음과 같이 생각할 것입니다. 소음. 이것은 밝기, 대비 및 색상이 감지 될 수있는 색상과 다르지 않습니다. 시각 시끄 럽거나 보완 적입니다. 어떤 시각적 매체에서든 우리는 조화를 이루고자합니다.

그렇기 때문에 밝은 빨간색 셔츠를 입은 영화의 배경에서 여분의 사진이 보이지 않습니다. 그리고 이것이 실내 장식가들이 벽, 가구, 예술품, 그리고 그들이 디자인하는 방의 다른 기능에 걸쳐 보색을 찾기 위해 열심히 노력하는 이유입니다. 색상은 방문자의 두뇌가 색상을 해석하는 것이 얼마나 쉬운 지에 따라 방문자가 걸어 갈 때 느끼는 분위기를 만드는 데 중요합니다.

너의 색상 팔레트 아름다운 하모니로 밴드를 조립하는 것과 같습니다. 그리고 어셈블 된 보이스와 악기가 볼륨과 주파수에서 밀접하게 정렬 된 것처럼 ... 색상 팔레트의 보색도 마찬가지입니다. 색상 팔레트 디자인은 색상 감지를 세밀하게 조정 한 전문가를위한 진정한 예술 형식이지만 보완 주파수를 계산할 수 있기 때문에 절대적으로 계산 과학이기도합니다.

곧 하모니에 대해 더 자세히 알아 보겠습니다. 색상 이론으로 돌아가 보겠습니다.

RGB 색상

디지털 스펙트럼 내의 픽셀은 빨강, 녹색 및 파랑의 조합입니다. 빨간색 = 0, 녹색 = 0, 파란색 = 0은 다음과 같이 표시됩니다. 화이트 빨간색 = 255, 녹색 = 255, 파란색 = 255는 검은. 그 사이의 모든 것은 세 가지로 구성된 다른 색상입니다. 보색을 계산하는 기본은 매우 간단합니다. 새 RGB 값을 위해 255에서 RGB 값을 빼면됩니다. 예를 들면 다음과 같습니다.

주황색과 파란색 사이의이 빛 주파수의 차이는 대조적 일만큼 충분히 떨어져 있지만 우리 눈으로 해석하기 어려울 정도로 멀리 떨어져 있지는 않습니다. 색 주파수는 우리 수용체를 보완하고 기쁘게합니다!

하나의 색상을 계산하는 것은 쉽습니다. 3 개 이상의 보색을 계산하려면 각 옵션간에 동등한 양을 계산해야합니다. 그래서 색상 표 구성표 생성기 너무 편리해! 계산이 거의 필요하지 않으므로 이러한 도구는 서로를 보완하는 여러 색상을 제공 할 수 있습니다.

컬러 휠

색상 간의 관계를 이해하는 것은 색상환을 사용하여 가장 잘 시각화됩니다. 색상은 상대 빈도가 아닌 원으로 ​​정렬됩니다. 방사형 거리는 색상의 채도와 색상의 색조로서 원의 방위각 위치입니다.

컬러 휠

재미있는 사실: Isaac Newton 경은 프리즘 실험의 기초가되는 1665 년에 Color Wheel을 처음 개발했습니다. 그의 실험은 빨간색, 노란색 및 파란색이 다른 모든 색상이 파생되는 기본 색상이라는 이론으로 이어졌습니다. 사이드 노트… 그는 심지어 각 색상에 뮤지컬“노트”를 적용했습니다.

Harmony로 무장 해주세요…

뉴턴 컬러 서클

색상 하모니 유형

각 보색 색상 세트 간의 관계와 계산 방법은 다음과 같습니다. 하모니. 다음은 훌륭한 개요 비디오입니다.

각 유형마다 다른 특성이 연관되어 있습니다.

  • 유사한 – 색상환에서 나란히있는 색상 그룹. 
  • 단색 – 단일 기본 색조에서 파생되고 음영, 톤 및 색조를 사용하여 확장 된 그룹.
  • 삼인조 – 주위에 균등하게 배치 된 색상 그룹  바퀴
  • 보완적인 – 색상환에서 서로 반대되는 색상 그룹.
  • 보완 분할 – 보색에 인접한 두 가지 색상을 사용하는 보색의 변형.
  • 직사각형 (사각형) – 두 개의 보완적인 쌍으로 배열 된 네 가지 색상 사용
  • 사각형. – 직사각형과 비슷하지만 XNUMX 가지 색상 모두 색상 원 주위에 균등하게 배치됩니다.
  • 화합물 – 색상 및 보색에 인접한 두 색상
  • 차양 – 기본 색상의 색조 (밝기 증가) 또는 음영 (어두움) 조정.

이것은 주관적인 주제가 아니며 계산을 더 잘 이해하는 데 도움이되는 멋진 이름이 적용된 실제 수학 계산입니다.

색상 팔레트 구성표 생성기

색상 표 구성표 생성기를 사용하면 다음과 같이 아름답고 보완적인 색상 조합을 얻을 수 있습니다.

클라이언트 사이트에서 작업 할 때 색상 팔레트 스키마 생성기를 자주 사용합니다. 저는 색상 전문가가 아니기 때문에 이러한 도구를 사용하면 배경, 테두리, 바닥 글 배경, 기본 및 보조 단추 색상과 같은 항목을 더 잘 선택할 수 있습니다. 그 결과 훨씬 더보기 좋은 웹 사이트가 탄생했습니다! 광고에서 전체 웹 사이트에 이르기까지 모든 디자인에 적용 할 수있는 미묘하고 믿을 수 없을 정도로 강력한 전략입니다.

다음은 온라인에있는 몇 가지 훌륭한 색상 표 구성표 생성기입니다.

  • 어도비 벽돌 – 다양한 유형을 테스트하고 조정하고 Adobe 제품에 테마를 저장할 수도있는 최대 5 가지 색상의 환상적인 도구입니다.
  • 브랜드 색상 – 가장 큰 공식 브랜드 색상 코드 모음.
  • Canva – 사진을 업로드하면 팔레트의 기초로 사용할 것입니다!
  • Colllor – 몇 번의 클릭만으로 일관된 웹 컬러 팔레트를 생성합니다. 
  • 컬러 디자이너 – 색상을 선택하거나 미리 선택된 색상을 사용하면 나머지는 앱이 알아서합니다. 
  • 컬러 헌트 – 수천 개의 트렌디 한 손으로 고른 색상 팔레트로 색상 영감을주는 무료 개방형 플랫폼
  • 컬러쿨러 – Instagram의 색상 팔레트를 생성하여 더보기 좋게 만듭니다.
  • Colormind – 딥 러닝을 사용하는 색 구성표 생성기. 사진, 영화, 대중 미술에서 색상 스타일을 배울 수 있습니다.
  • 색 공간 – XNUMX ~ XNUMX 개의 색상을 입력하고 몇 가지 구성표를 생성하십시오!
  • 컬러 코드 – 왼쪽에 다양한 하모니 스타일을 사용하여 색상 팔레트를 만드는 정말 멋진 화면 전체 경험.
  • COLOURlovers – 전 세계 사람들이 색상, 팔레트 및 패턴을 만들고 공유하고 최신 트렌드에 대해 토론하며 다채로운 기사를 탐색하는 창의적인 커뮤니티입니다.
  • 쿨러 – 완벽한 팔레트를 만들거나 수천 가지 아름다운 색 구성표에서 영감을 얻으십시오.
  • 데이터 색상 선택기 – 팔레트 선택기를 사용하여 일련의 색상을 만듭니다. 시각적으로 등거리
  • 크로마 – AI를 사용하여 좋아하는 색상을 학습하고 발견, 검색 및 저장할 수있는 팔레트를 만듭니다.
  • 소재 디자인 – UI에 대한 색 구성표를 생성, 공유 및 적용합니다. 앱 내보내기도 함께 제공됩니다!
  • Muzli 색상 – 색상 이름 또는 코드를 추가하고 아름다운 팔레트를 만듭니다.
  • 팔튼 – 기본 색상을 선택하고 영감을 얻으십시오.
  • 베란다 – 수많은 놀라운 색상 팔레트에서 영감을 얻으십시오. 

색상 및 접근성

다음 팔레트 구성표를 디자인하기로 결정할 때 시각 장애 및 색상 부족이있는 사람들이 경험과 상호 작용해야한다는 점을 명심하십시오.

  • 대조 – 각각의 독립적 인 색상은 휘도. 오버레이 및 인접 물체의 색상은 시각 장애가있는 사람들이 구별 할 수 있도록 상대 휘도 비율이 4.5 : 1이어야합니다. 나는 비율을 직접 계산하려고 노력하지 않을 것입니다. 두 가지 색상의 비율을 테스트 할 수 있습니다. 착색 가능, 명암비, 또는 컬러 세이프.
  • 도해 법 – 빨간색으로 필드를 강조하는 것은 색이 부족한 사람에게 도움이되지 않습니다. 어떤 종류의 메시지 나 아이콘을 적용하여 문제가 있음을 알려주세요.
  • 초점 – 많은 사람들이 키보드 또는 화면 판독기로 탐색합니다. 사용자 인터페이스가 사이트를 활용할 수 있도록 모든 접근성 태그를 사용하여 올바르게 디자인되었는지 확인하세요. 시각 장애가있는 사람들의 경우 공백을 사용하고 레이아웃을 파괴하지 않는 글꼴 크기를 늘리거나 줄이는 기능이 중요합니다.

당신은 안과 전문가입니까? 색상 전문가? 접근성 전문가? 이 기사를 개선하기위한 지침이 있으면 언제든지 알려주십시오!

당신은 어떻게 생각하십니까?

이 사이트는 Akismet을 사용하여 스팸을 줄입니다. 댓글 데이터 처리 방법 알아보기.