브랜드 배색 도구

상품 사진에서 색상을 추출하고 다섯 색상을 조정해 간단한 광고로 확인하세요.

사진은 브라우저에서 로컬 처리됩니다. 업로드나 생성 크레딧이 필요 없습니다.

1. 상품 사진 선택

SEREIN은 가상의 브랜드입니다. 사진 픽셀에서 색상을 추출합니다.

2. 다섯 색상 조정

용도를 바꾸면 해당하는 두 색상이 교환됩니다.

#B87520

용도

#F3EBDD

용도

#D9AD69

용도

#30251E

용도

#8B7159

용도

실시간 배색 미리보기

컬렉션

일상의 작은 아름다움.

상품 사진을 선택하세요.

다음 작업을 위한 배색 미리보기.

텍스트 / 배경 대비 12.59:1

AA: 일반 텍스트에 적합합니다.

AA 기준: 일반 텍스트 4.5:1, 큰 텍스트 3:1. 선택한 텍스트와 배경만 검사합니다.

CSS 보기 / 직접 복사

:root {
  --brand-primary: #B87520;
  --brand-background: #F3EBDD;
  --brand-accent: #D9AD69;
  --brand-text: #30251E;
  --brand-secondary: #8B7159;
}

다음 작업에 배색 활용: 캔버스 열기