Tailwind 색상 레퍼런스

Tailwind CSS의 모든 기본 색상을 HEX 및 RGB 값과 함께 무료로 온라인에서 확인하세요. 아무 색상이나 클릭하면 즉시 복사됩니다. Tailwind 개발자에게 완벽한 도구입니다.

Click to copy:

사용 방법

  1. 도구를 열고 정리된 팔레트에 표시된 모든 Tailwind CSS 기본 색상을 확인합니다.
  2. 색상 스와치를 스크롤하여 필요한 색상과 음영을 찾습니다.
  3. 색상 블록을 클릭하면 HEX 값이 즉시 클립보드에 복사됩니다.
  4. 프로젝트 요구 사항에 따라 HEX와 RGB 형식 간에 전환합니다.
  5. 복사한 값을 CSS 파일이나 Tailwind 구성 파일에 바로 붙여넣습니다.

예시

입력: lime-500
결과: #84CC16 / RGB(132, 204, 22)

자주 묻는 질문

slate, gray, red, blue, green 등 Tailwind CSS의 모든 기본 색상이 포함되어 있으며, 각 색상에 대해 50부터 950까지의 모든 음영을 확인할 수 있습니다.

원하는 색상 블록을 클릭하기만 하면 HEX 값이 자동으로 클립보드에 복사됩니다. 추가 단계가 필요하지 않습니다.

아니요. 모든 처리는 브라우저 내에서 클라이언트 측으로 이루어집니다. 어떤 데이터도 서버로 전송되지 않으므로 완전히 개인 정보가 보호됩니다.

네, 모든 색상과 음영에 대해 HEX와 RGB 값이 모두 표시되므로 프로젝트에 맞는 형식을 선택할 수 있습니다.