다시 오신 것을 환영합니다

이 컬렉션에 추가할 항목 유형을 선택하세요.

컬렉션이 성공적으로 생성되었습니다.

이 컬렉션에는 무엇이 포함되나요?

컬렉션을 추가하여 항목 정리하기

컬렉션에 항목이 성공적으로 추가되었습니다.

첫 번째 컬렉션을 만들어 색상을 정리하세요.

이 컬렉션에 색상, 팔레트 또는 그라데이션 추가하기

색상환에서 인접한 세 가지 색상(색상차 30도)으로, 밝기와 채도가 동일한 조합입니다. 부드럽고 안정적인 느낌을 줍니다.

색맹은 전 세계 남성 12명 중 1명, 여성 200명 중 1명이 앓고 있습니다. 이 시뮬레이터는 디자이너, 개발자 및 콘텐츠 제작자가 다양한 형태의 색각 결핍을 가진 사람들에게 자신이 선택한 색상이 어떻게 보이는지 이해하는 데 도움이 됩니다.

다양한 색맹 시뮬레이션을 통해 색상을 테스트하여 모든 사용자가 디자인에 접근 가능하고 효과적인지 확인할 수 있습니다. 이 도구는 프로타노피아, 듀테라노피아, 트리타노피아 및 완전 색맹을 포함한 가장 일반적인 유형의 색각 결핍을 시뮬레이션합니다.

색맹에 대한 이해

색상과 함께 대비와 패턴을 사용하여 정보를 전달하세요.

더 나은 디자인

청황색 실명(트리타노피아)

색상 코드

대비 검사기

다양한 유형의 색맹이 있는 사람들이 색을 어떻게 인식하는지 확인하여 더 접근하기 쉬운 디자인을 만드세요. 색상 인식을 이해하면 모든 사람이 콘텐츠에 액세스할 수 있습니다.

그라데이션 메이커

색상만으로 정보를 전달할 수 있는 유일한 방법은 아닙니다. 이 시뮬레이터로 테스트하면 잠재적인 문제를 파악하는 데 도움이 됩니다.

중요한 이유

무료 계정을 만들어 다양한 유형의 색맹이 있는 사람들에게 색이 어떻게 보이는지 시뮬레이션해 보세요.

실명 시뮬레이터에 액세스하려면 가입하세요.

정상적인 색각으로 색상이 표시되는 방식입니다.

적록색맹(프로타노피아)

영향

실명 시뮬레이터

완전한 색맹

무색소증

색소 침착증

중성 이상

듀테라노피아

프로토노말리

프로타노피아

트리타노말리

트리타노피아

적녹색맹은 적색과 녹색을 인식하는 방식에 영향을 미치는 가장 흔한 시각 장애입니다.

유형

UI 디자인, 데이터 시각화, 브랜딩 및 색상 차별화에 의존하는 모든 시각적 콘텐츠에 적합합니다.

사용 사례

고급 색상 분석 도구는 색상 속성, 조화 및 심리적 효과에 대한 포괄적인 통찰력을 제공합니다. 색의 기술적, 감성적 측면을 이해하고자 하는 디자이너, 개발자, 아티스트에게 적합합니다.

색상 조화, 심리적 영향, 기술 사양 및 접근성 지표를 분석하세요. 데이터 기반 인사이트와 전문적인 색채 이론 애플리케이션으로 프로젝트의 색상 사용에 대해 정보에 입각한 결정을 내릴 수 있습니다.

색상 분석 이해

전문적인 컬러 인사이트와 조화

완벽한 색상 분석

시원한 색상 - 차분하고 전문적인 색상

스펙트럼 구성, 색 순도, 메타메리즘 효과, 지각 특성 등 고급 메트릭으로 색상 속성을 분석합니다. 이러한 도구는 다양한 보기 조건에서 색상의 동작과 모양에 대한 심층적인 인사이트를 제공합니다.

일관된 브랜드 아이덴티티를 만들고, 디자인에서 색상의 조화를 보장하며, 디지털 및 인쇄 매체 전반에서 일관성을 유지하는 데 필수적입니다. 색채 분석 도구는 전문 디자이너를 위한 종합적인 인사이트를 제공합니다.

디자인 및 브랜딩

색상환 관계를 기반으로 보색, 삼원색, 유사 색 구성표 생성하기

컬러 하모니

무료 계정을 만들어 종합적인 색상 분석 및 지표를 확인하세요.

가입하여 색상 분석에 액세스하기

마케팅 캠페인에 대한 색채 심리와 정서적 영향을 이해합니다. 디지털 마케팅 전략에서 색상이 사용자 행동과 전환율에 미치는 영향을 분석합니다.

마케팅 및 심리학

RGB, HSL, LAB 값 및 휘도 계산을 포함한 자세한 색상 사양에 액세스하세요.

기술 지표

팔레트 생성기

다양한 조명 조건에서 다양한 대상에게 색상이 어떻게 보이는지 이해합니다.

시각적 인식

순도, 우세도, 지각된 밝기 등 색이 사람의 시각에 어떻게 나타나는지 알아보세요.

지각 속성

전문 컬러 분석 애플리케이션

사용자 행동과 인식에 영향을 미치는 감정적, 심리적 연관성 살펴보기

색채 심리학

과학적 분석

색상 분석

따뜻한 색상 - 활기차고 매력적인

웹 접근성 규정 준수를 위해 색상을 분석하고, CSS 색상 코드를 생성하며, 최적의 가독성을 보장합니다. 사용자 경험과 WCAG 지침에 중점을 두는 프론트엔드 개발자에게 적합합니다.

웹 개발

각각의 색상 조화는 고유한 분위기를 자아냅니다. 조화로운 색상 조합을 참고하여 어울리는 색상을 찾아보세요.

하나의 주된 색상을 사용하고 보조 색상으로 보조를 주며 악센트는 아껴서 사용합니다.

가독성과 접근성을 위해 충분한 대비를 확보하세요.

색상은 서로 조화를 이루어 통일된 시각적 경험을 만들어야 합니다.

색 이론 원리

색상환에서 정반대에 위치한 색(색상차 180도)의 조합입니다. 대비가 매우 높습니다.

색의 의미는 문화권에 따라 다르며 전 세계적으로 다양한 상징적 의미를 지니고 있습니다.

문화

계절적 연관성, 정서적 영향, 자연 현상, 역사적인 안료, 창의적인 응용을 위한 색상 혼합 레시피 등 색의 예술적, 심리적 차원을 살펴보세요.

무료 계정을 만들어 색상의 창의적이고 예술적인 측면을 탐구해 보세요.

크리에이티브 측면에 액세스하려면 가입하세요.

자연에서 발생하는 색상은 디자인에 영감을 주고 환경과 우리를 연결합니다.

자연

색은 시간이 지남에 따라 형성된 심리적 연상을 통해 감정과 행동에 영향을 미칩니다.

심리학

크리에이티브 측면

색상을 클릭하면 해당 16진수 값을 복사할 수 있습니다. 이러한 조합은 시각적 조화를 이루는 것으로 수학적으로 입증되었습니다.

색상 조화는 균형을 이루고 디자인에 특정 감정을 불러일으킵니다.

색상 변환, 조합, 색각 시뮬레이션 등 색상 코드 '123456'에 대한 유용한 정보를 확인하세요.

HTML 색상 선택기: 123456

동일한 색상에 밝기 값만 ±50%로 조절한 세 가지 색상의 조합입니다. 미묘하고 세련된 느낌을 줍니다.

프로그래밍용 터미널 색상, 바이트 인코딩 및 데이터 형식.

개발

인쇄 시뮬레이션, LED 디스플레이, 터미널 출력, 데이터 인코딩 등 실제 애플리케이션을 위한 실용적인 포맷으로 색상을 변환하세요. 이러한 포맷은 다양한 미디어, 플랫폼 및 물리적 장치에서 색상을 구현하는 데 도움이 됩니다.

정확한 값으로 LED 스트립, RGB 조명, 디스플레이 하드웨어를 제어하세요.

디지털 디스플레이

무료 계정을 만들어 모든 실제 색상 형식 값을 보고 복사할 수 있습니다.

실용적인 형식에 액세스하려면 가입하세요.

실제 미디어에 CMYK 잉크로 인쇄할 때 색상이 어떻게 나타나는지 시뮬레이션해 보세요.

인쇄 및 제작

실용적인 형식

프로젝트의 모든 색상 형식 변환에 즉시 액세스할 수 있습니다.

모든 실용적인 형식에 액세스

기본 색상에 검정색을 추가하여 더 어두운 변형을 만들 수 있습니다.

기준색과 그 보색의 양옆에 있는 두 가지 색(보색에서 ±30도)을 조합한 것입니다. 보색만큼 대담하면서도 더 다채로운 표현이 가능합니다.

동영상 제작, 사진, 과학 응용 프로그램 및 색상 관리 시스템에서 사용되는 고급 색 공간 표현과 전문 색상 모델을 살펴보세요. 이러한 기술 형식은 특수 산업 및 애플리케이션에 정확한 색상 사양을 제공합니다.

전문가용 워크플로에는 여러 디바이스와 미디어에서 일관성을 유지하기 위해 특정 색상 형식이 필요합니다.

산업 표준

무료 계정을 만들어 모든 기술 색상 형식 값을 보고 복사할 수 있습니다.

기술 형식에 액세스하려면 가입하세요.

기술 형식

정확한 변환과 자세한 설명이 포함된 10가지 이상의 전문가용 컬러 포맷에 즉시 액세스할 수 있습니다.

모든 기술 형식 잠금 해제

정확한 색 재현부터 효율적인 데이터 압축에 이르기까지 다양한 색 공간이 특정 목적에 맞게 최적화되어 있습니다.

기술 형식을 사용하는 이유

60도 간격으로 떨어진 두 쌍의 보색 조합입니다.

기본 색상에 흰색을 추가하여 더 밝은 색상을 만들 수 있습니다.

색상환에서 120도 간격으로 균등하게 배치된 세 가지 색상의 조합입니다. 한 가지 색을 주색으로 사용하고 나머지 두 색을 강조색으로 사용하는 것이 가장 좋습니다.

이 섹션은 선택한 색상에 순백색을 더한 틴트(명색)와 순흑색을 더한 셰이드(암색)를 10% 단위로 정밀하게 생성하는 것을 목표로 합니다.

이러한 변형은 일관성 있는 색상 팔레트의 기초를 형성합니다. 전체 프로젝트에서 일관성을 유지하려면 내보내세요.

호버 상태와 그림자에는 음영을, 하이라이트와 배경에는 색조를 사용합니다.

이름

문의하기

슬라이더를 조정하여 텍스트 대비를 개선하여 가독성 향상

이것은 일반 본문 텍스트입니다. 재빠른 갈색 여우가 게으른 개를 뛰어넘습니다.

텍스트 및 배경색의 색상 선택기를 사용하여 색상을 선택하거나, 16진수 RGB 형식(예: #259 또는 #2596BE)으로 색상을 입력하세요. 슬라이더를 조정하여 색상을 선택할 수도 있습니다. 웹 콘텐츠 접근성 가이드라인(WCAG)은 시력이 있는 사용자가 텍스트를 읽을 수 있는지 판단하는 데 도움이 되는 구체적인 지침을 제공합니다. 이 기준은 특정 알고리즘을 사용하여 색상 조합을 비교 가능한 비율로 변환합니다. 이 공식에 따르면, WCAG는 일반 텍스트(본문)의 경우 텍스트와 배경의 색상 대비율이 4.5:1이면 충분하며, 큰 텍스트(18pt 이상 또는 14pt 이상 굵게)의 경우 최소 3:1의 대비율을 가져야 한다고 명시하고 있습니다.

색상 조합을 테스트하여 텍스트 가독성을 위한 WCAG 접근성 표준을 충족하는지 확인합니다.

색상 대비 검사기: 이 온라인 도구를 사용하여 색상 코드 '123456'의 텍스트와 배경색 대비 비율에 대한 자세한 정보를 확인하세요.

색상 대비 검사기: 123456

색상이 반전되었을 때 어떻게 보이는지 보여주며, 다크/라이트 모드에 유용합니다.

게으른 개를 뛰어넘는 재빠른 갈색 여우

제목 미리보기

가독성을 테스트하기 위한 작은 텍스트입니다.

작은 텍스트이지만 읽을 수 있어야 합니다.

무료로 가입하면 WCAG 접근성 표준을 충족하면서 생동감을 유지하는 5가지 지능형 색상 제안을 이용할 수 있습니다.

스마트 색상 제안 잠금 해제

일반 텍스트의 경우 7:1, 큰 텍스트의 경우 4.5:1의 향상된 대비 비율. 최적의 접근성을 위해 권장됩니다.

일반 텍스트의 경우 최소 대비 비율은 4.5:1, 큰 텍스트의 경우 3:1입니다. 대부분의 웹사이트에 필요합니다.

WCAG 준수 수준

WCAG 가이드라인은 시각 장애가 있는 사용자도 콘텐츠에 액세스할 수 있도록 보장합니다.

WCAG 표준

최대 10가지 색상에 도달했습니다.

최소 4가지 색상에 도달했습니다.

주의

이 기능을 사용하려면 무료 imagecolorpicker 계정을 생성해야 합니다. 그 후에 더 많은 기능에 접근할 수 있습니다.

새 팔레트 만들기

저장된 팔레트 및 그라데이션 관리하기

저장된 그라데이션 보기 및 관리

그라데이션

저장된 컬러 팔레트 보기 및 관리

내 팔레트

대시보드

팔레트 편집

imagecolorpicker.com의 그라데이션 생성기로 멋진 그라데이션을 만들어보세요. 선형 및 방사형 그라데이션 중에서 선택하고, 여러 색상을 추가하고, 그라데이션을 회전시키고, 창작물을 저장하고 공유하세요. CSS 코드를 직접 다운로드하여 프로젝트에 원활하게 통합하세요.

그라데이션 편집

그라데이션 제목은 필수입니다.

그라데이션 생성기 - 멋진 선형 및 방사형 그라데이션 만들기 | imagecolorpicker.com

색상 코드, 변형, 조화를 생성하고 명암비를 확인하세요.

색상 코드 생성 및 스포이드

색상과 방향을 맞춤 설정하고 창작물을 내보내어 아름다운 그라데이션을 손쉽게 만드세요.

그라데이션 생성기

즐겨찾는 색상 팔레트를 관리하고 정리하세요.

이 공유된 그라데이션을 보고 탐색하세요.

공유된 그라데이션

이 공유된 팔레트를 보고 탐색하세요.

공유된 팔레트

광고 차단기를 사용하고 계신 것을 확인했습니다. 괜찮습니다! 소액 기부를 통해 수백만 명의 사용자가 이 도구를 무료로 이용할 수 있도록 지원해주실 수 있습니다. 여러분의 커피 한 잔이 저희 서비스를 유지하고 개선하는 데 큰 도움이 됩니다.

광고 차단기가 감지되었습니다. 대신 커피 한 잔으로 저희를 응원해주세요!

위의 온라인 이미지 스포이드를 사용하여 색상을 선택하고 해당 픽셀의 HTML 색상 코드를 가져오세요. HEX, RGB, HSV 값도 함께 제공됩니다. '내 이미지 사용하기' 섹션에서 자신의 이미지(예: 데스크톱 스크린샷)를 업로드하거나, 클립보드에서 이미지를 붙여넣거나, 텍스트 상자에 이미지 또는 웹사이트 URL을 입력할 수 있습니다. 왼쪽에는 썸네일이 표시됩니다.

업로드할 이미지 파일을 끌어다 놓습니다. 지원되는 형식 PNG, JPG, JPEG.

이미지 업로드

스포이드: 이 온라인 도구를 사용하여 이미지를 업로드하거나 웹사이트 URL을 제공하고 RGB, HEX, HSL 색상 코드를 얻을 수 있습니다. 👍

온라인 스포이드 👍 | HEX 스포이드 | HTML 스포이드

최신 운영 체제와 브라우저가 설치된 Mac 또는 PC를 사용 중인 경우 이 기능을 이용할 수 있습니다. Safari, Edge, Firefox, Chrome에서 테스트를 완료했습니다. 모양은 약간 다를 수 있습니다.

이 기능은 3회 무료로 사용할 수 있으며, 이후 짧은 광고를 시청하면 3회 더 이용할 수 있습니다. 여러분의 지원은 전 세계 3백만 명 이상의 사용자에게 이 도구를 무료로 제공하는 데 큰 힘이 됩니다.

15초 광고를 시청하고 무료로 계속 사용하세요.

이 기능을 3번 사용하셨습니다!

무료 계정을 만들어 언제든지 광고를 건너뛰세요.

저희 스포이드 도구는 이제 시작 단계입니다. 앞으로 더 많은 기능이 추가될 예정이니 기대해 주세요.

이메일 주소를 입력하시면 로그인할 수 있는 보안 링크를 보내드립니다.

팔레트 제목은 필수입니다.

아직 저장된 색상 팔레트가 없습니다. 팔레트를 저장하면 여기에 표시됩니다.

공유된 색상 팔레트가 존재하지 않거나 생성자에 의해 삭제된 것 같습니다. 이 링크를 공유한 사람에게 문의하세요.

팔레트

제목은 필수입니다.

색상, 팔레트, 그라데이션을 프로젝트와 컬렉션으로 정리하기

내 프로젝트

프로젝트가 성공적으로 생성되었습니다.

이 프로젝트의 내용은 무엇인가요?

디자인 에셋을 프로젝트로 정리

이 웹사이트는 광고로 운영됩니다. 광고 차단기를 사용하고 계신 것을 알고 있습니다. 광고를 보고 싶지 않은 마음을 이해합니다. 하지만 이 사이트를 운영하고 유지하는 데는 비용이 발생합니다. 커피 한 잔의 후원은 저희에게 큰 힘이 됩니다!

이미지, 웹사이트, 화면에서 색상을 선택할 수 있는 온라인 도구입니다. HEX, RGB, HSL 색상 코드를 즉시 가져올 수 있습니다.

이미지와 웹사이트에서 색상 코드(HEX, RGB)를 추출하는 온라인 도구. 100% 무료.

최근에 저희에게 커피를 사주신 멋진 분들, 응원해주셔서 정말 감사합니다!

ImageColorPicker.com

문의하기