피그마 피디아
home
피그마 실무Q&A
home

8자리 헥스코드?!

글 작성일
2025/04/02
질문 카테고리
소소한 꿀팁
1 more property

질문사항

피그마에 헥스코드를 입력할 때, 색상값과 투명도와 함께 입력 방법이 있나요?

답변

헥스코드를 8자리로 입력하면 됩니다.
예를 들어, 검정색 (#000000;) 에 투명도를 함께 입력하려면
피그마에 색상을 입력할 때 아래와 같이 헥스코드를 8자리로 입력하면 됩니다.
약 10% 단위로 헥스코드를 입력하는 방법을 알려드리겠습니다.
그대로 복사하거나 기억해두셨다가 적용해 보세요!
.color-test { color: #0000001a; /*10% */ color: #00000033; /*20% */ color: #0000004d; /*30% */ color: #00000066; /*40% */ color: #00000080; /*50% */ color: #00000099; /*60% */ color: #000000b3; /*70% */ color: #000000cc; /*80% */ color: #000000e6; /*90% */ color: #000000; /*6자리를 입력하면 투명도가 따로 없는 색상이 적용됩니다. */ }
CSS
복사