다시 오신 것을 환영합니다

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

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

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

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

실명 시뮬레이터

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

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

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

색상 분석

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

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

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

HTML 색상 선택기: 123456

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

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

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

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

실용적인 형식

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

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

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

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

기술 형식

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

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

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

이름

문의하기

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

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

색상 대비 검사기: 123456

최대 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

어떤 이미지에서든 즉시, 100% 무료로 색상을 추출하세요.

이미지

색상 팔레트

색상

내 이미지 사용

스포이드