CSS 색상에서 Tailwind로
알려진 hex는 text-gray-900. 미지는 bg-[#1a2b3c].
기본 팔레트와 일치하는 hex는 text-gray-900 같은 토큰이 됩니다. 브랜드 색은 일치하는 경우가 드물어 bg-[#1a2b3c] 임의 값이 안전합니다. 가까운 색으로 맞추면 눈에 띄게 달라지니 설정에 토큰으로 등록하세요.
브랜드 hex
#111827은 종종 gray-900 근처입니다. 고유 hex는 대개 text-[#…] 또는 bg-[#…]입니다.
불투명도
rgba와 /opacity는 /50 또는 bg-black/50로 모델링됩니다. 변환 후 대비를 확인하세요.
테마 변수
색이 :root에 있다면 이름 있는 토큰을 기대하기 전에 값을 해석하세요.
사용해보기
.example { display: flex; gap: 1rem; padding: 1rem; }신뢰 메모: 결과를 시각적으로 확인하세요. 변환기는 초안용 도우미입니다.