#BFBFBF 색상 코드 통찰력

안심하고 디자인해야 할 모든 변환, 조화 및 접근성 검사가 필요합니다.

RGB:rgb(191, 191, 191)
HSL:hsl(0, 0%, 75%)
육각형
#BFBFBF
RGB
191, 191, 191
HSL
0°, 0%, 75%
HSV
0°, 0%, 75%
CMYK
0%, 0%, 0%, 25%

색상 변환

한 장소에 여러 색상 모델에 걸쳐 값을 생성합니다.

육각형
#BFBFBF
≈ 강철 파란색

색조 및 색조

화이트 또는 검은색과 혼합할 때 #BFBFBF의 행동을 탐구합니다. 이러한 스와치는 호버 상태, 그림자 및 배경에 적합합니다.

hover를 사용하여 모든 육각 값을 복사하고 인터페이스에서 재사용합니다.

음영

0–100%
0%#BFBFBF
10%#ACACAC
20%#999999
30%#868686
40%#737373
50%#606060
60%#4D4D4D
70%#393939
80%#262626
90%#131313
100%#000000

색조

0–100%
0%#BFBFBF
10%#C6C6C6
20%#CCCCCC
30%#D2D2D2
40%#D9D9D9
50%#DFDFDF
60%#E6E6E6
70%#ECECEC
80%#F2F2F2
90%#F9F9F9
100%#FFFFFF

색상 조화

#BFBFBF에서 생성된 조화를 사용하여 균형 잡힌 팔레트를 즉시 만듭니다.

모든 표본을 클릭하여 자체 세부 사항 페이지를 열고 계속 탐색합니다.

상호 보완

충격과 대담한 대비를 만드는 반대적인 색조입니다.

유사한

자연, 유체 그라데이션의 인근 색조입니다.

3단계

유쾌한 균형을 위해 세 가지 균일한 색조가 간격을 잡는다.

사방식

다양한 다양성을 제공하는 두 개의 상호 보완적 쌍이 있습니다.

단색

같은 색조 가족 안에서 더 밝고 어두운 형제 자매들

접근성 대비

모든 방문자가 명확한 경험을 즐길 수 있도록 일반적인 텍스트 색상을 사용하여 #BFBFBF의 읽기 가능성을 확인합니다.

AA를 본문 복사의 기준 요소로 사용하고, AAA를 프리미엄 접근성에 사용합니다.

{{반대}} 에 있는 예제 텍스트
텍스트 색상#000000
배경#BFBFBF
대비 비율11.42:1
wcag 레벨AAA
{{반대}} 에 있는 예제 텍스트
텍스트 색상#FFFFFF
배경#BFBFBF
대비 비율1.84:1
wcag 레벨Fail
추천 텍스트 미리보기
텍스트 색상#000000
배경#BFBFBF
대비 비율11.42:1
wcag 레벨AAA

기술 형식

xyz, LAB, cmyk 변형 및 내보내기 준비 프로파일과 같은 프로 색상 공간의 잠금을 해제합니다.

무료 등록

실용적인 형식

인쇄 시뮬레이션, led 매핑 및 개발자 준비 바이트 주문을 얻습니다.

무료 등록

색상 분석

스펙트럼 데이터, 우위 보고서, 고급 분석에 뛰어들다.

무료 등록

맹인 시뮬레이터

일반적인 색상 시각 결함에서 {{color}가 어떻게 나타나는지 미리 보십시오.

무료 등록

창의적 측면

계절적 연관, 감정적 단서, 자연 발생을 탐구합니다.

무료 등록

설계 지침

균형

#BFBFBF를 하이라이트로 간주합니다. 시각적 과부하를 피하기 위해 중성과 하나의 지원 색조와 결합하십시오.

대비

실제 콘텐츠와 조합을 테스트합니다. 대비가 높으면 스캔, 읽기 가능성 및 변환이 향상됩니다.

조화

서피스에 더 밝은 색상을 사용하고, 기본 색상에 대해 기본 색상을 사용하며, 후버 또는 누른 상태에 대해 더 짙은 색상을 사용합니다.

다른 색깔이 필요합니까?

색상 선택기로 돌아가서 이미지를 업로드하고 팔레트를 생성하고 새로운 색상 관계를 탐색합니다.

색상 선택기 열기