#F8EDEF 색상 코드 통찰력

자신감을 가지고 디자인하는 데 필요한 모든 변환, 조화 및 접근성 확인.

RGB:rgb(248, 237, 239)
HSL:hsl(349, 44%, 95%)
HEX
#F8EDEF
RGB
248, 237, 239
HSL
349°, 44%, 95%
HSV
349°, 4%, 97%
CMYK
0%, 4%, 4%, 3%

색상 변환

여러 색상 모델의 값을 한 곳에서 생성하세요.

#F8EDEF

≈ 스틸 블루

참조 색상 카드

ΔE가 낮을수록 시각적으로 더 가깝게 일치함을 의미합니다.

색조 및 음영

#F8EDEF가 흰색 또는 검은색과 혼합될 때 어떻게 작용하는지 살펴보세요. 이 견본들은 호버 상태, 그림자 및 배경에 완벽합니다.

마우스를 올려 HEX 값을 복사하고 인터페이스 전체에서 재사용하세요.

음영

0–100%
0%#F8EDEF
10%#EACAD0
20%#DDA7B1
30%#CF8492
40%#C26173
50%#AE4457
60%#8C3646
70%#692934
80%#461B23
90%#230E11
100%#000000

색조

0–100%
0%#F8EDEF
10%#F9EEF0
20%#F9F0F2
30%#FAF2F4
40%#FBF4F5
50%#FBF6F7
60%#FCF8F8
70%#FDF9FA
80%#FEFBFC
90%#FEFDFD
100%#FFFFFF

일반적인 사용 사례

  • UI 구성 요소 상태 (호버, 활성, 비활성)
  • 그림자 및 하이라이트로 깊이 만들기
  • 일관된 색상 시스템 구축

디자인 시스템

디자인 시스템 팁

이러한 변형은 응집력 있는 팔레트의 기초를 형성합니다. 마케팅, 제품 및 엔지니어링의 정렬을 유지하기 위해 내보내세요.

팔레트 내보내기

색상 조화

#F8EDEF에서 생성된 조화를 통해 균형 잡힌 팔레트를 즉시 만드세요.

견본을 클릭하여 자체 상세 페이지를 열고 계속 탐색하세요.

사용 방법

하나의 지배적인 색상을 선택한 다음, 보조 색상이 타이포그래피, 표면 및 클릭 유도 버튼의 악센트 역할을 하도록 하세요.

중요한 이유

균형 잡힌 조화는 레이아웃을 압도하지 않으면서 의도(차분함, 활력, 고급스러움)를 전달합니다.

보색

영향력과 대담한 대비를 만드는 반대 색조.

가장 적합한 용도

고영향 CTA, 로고 및 히어로 섹션

유사색

자연스럽고 유동적인 그라데이션을 위한 이웃 색조.

가장 적합한 용도

자연에서 영감을 받은, 차분한 대시보드

삼색

장난기 있는 균형을 위한 세 개의 균등하게 배치된 색조.

가장 적합한 용도

장난기 있는 브랜딩 및 편집 레이아웃

사색

풍부한 다양성을 제공하는 두 개의 보색 쌍.

가장 적합한 용도

일러스트레이션 및 마케팅 실험

단색

동일한 색조 계열 내의 더 밝고 어두운 형제 색상.

가장 적합한 용도

미니멀리스트 인터페이스 및 프리미엄 UI 상태

접근성 대비

모든 방문자가 명확한 경험을 즐길 수 있도록 #F8EDEF가 일반적인 텍스트 색상과 얼마나 읽기 쉬운지 확인하세요.

본문 복사본의 기준선으로 AA를 사용하고 프리미엄 접근성을 위해 AAA를 사용하세요.

검은색 텍스트 위의 샘플 텍스트
텍스트 색상#000000
배경#F8EDEF
대비율18.35:1
WCAG 레벨AAA
흰색 텍스트 위의 샘플 텍스트
텍스트 색상#FFFFFF
배경#F8EDEF
대비율1.14:1
WCAG 레벨Fail
권장 텍스트 미리보기
텍스트 색상#000000
배경#F8EDEF
대비율18.35:1
WCAG 레벨AAA

기술 형식

XYZ, LAB, CMYK 변형 및 내보내기 준비 프로필과 같은 프로 색상 공간을 잠금 해제하세요.

무료로 가입하기

실용 형식

인쇄 시뮬레이션, LED 매핑 및 개발자 준비 바이트 순서를 얻으세요.

무료로 가입하기

색상 분석

스펙트럼 데이터, 지배력 보고서 및 고급 분석을 자세히 살펴보세요.

무료로 가입하기

색맹 시뮬레이터

#F8EDEF가 일반적인 색각 결핍에서 어떻게 보이는지 미리 보세요.

무료로 가입하기

창의적 측면

계절별 연관성, 감정적 단서 및 자연 발생을 탐색하세요.

무료로 가입하기

디자인 지침

균형

#F8EDEF를 하이라이트로 취급하세요. 시각적 과부하를 피하기 위해 중립 색상 및 하나의 보조 색상과 짝을 이루세요.

대비

실제 콘텐츠로 조합을 테스트하세요. 대비가 높을수록 스캔, 가독성 및 전환율이 향상됩니다.

조화

표면에는 더 밝은 색조를, 기본 색상에는 기본 색상을, 호버 또는 눌린 상태에는 더 어두운 음영을 사용하세요.

다른 색상이 필요하신가요?

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

색상 선택기 열기