틀:랜덤색

hsla(29,11%,79%,1)

색상, 채도, 명도, 투명도를 임의 설정할 수 있는 hsv기반 랜덤색을 반환합니다.

사용법

문서를 로딩할때마다 다른 색이 나타나게 하려면 문서 첫부분에 __NOCACHE__를 추가해야 합니다.

{{랜덤색}}

임의 색을 반환합니다.

{{랜덤색|(색상)|(채도)|(명도)|(투명도)}}

인자를 주어 각 요소를 고정시킬 수 있습니다.

{{랜덤색|색상=(색상)|채도=(채도)|명도=(명도)|투명도=(투명도)}}

속성에 해당하는 키값을 주어 각 인자를 전달 할 수 있습니다.

인자에 대한 상세한 설명

실제 색상휠과 파레트 생성기에서 확인하시고 사용하시는게 좋습니다.

• 색상 : 0-360 사이의 값을 갖습니다.
• 채도 : 0%-100% 사이의 값을 갖습니다.
• 명도 : 0%-100% 사이의 값을 갖습니다.
• 투명도 : 0-1 사이의 값을 갖습니다.

예제

붉은색 계열의 랜덤색

code_blocks 코드

{{loop|<nowiki>{{색깔|예시 |{{랜덤색|색상=0}}}}</nowiki>|30|1|1}}

code

낙서장에서 확인

description 결과

예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시

파스텔 계열의 랜덤색

다크모드에서는 정상적으로 보이지 않습니다.

code_blocks 코드

<div style="background:#000;">{{loop|<nowiki>{{색깔|예시 |{{랜덤색|채도=100%|명도=95%}}}}</nowiki>|30|1|1}}</div>

code

낙서장에서 확인

description 결과

예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시 예시

가독성을 해치지 않는 랜덤색/랜덤배경색

code_blocks 코드

{{loop|<nowiki>{{색깔|예시|{{랜덤색|명도={{rand|10|30}}%}}|{{랜덤색|명도={{rand|70|90}}%}}}}</nowiki>|30|1|1}}

code

낙서장에서 확인

description 결과

예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시

가독성을 해치지 않는 랜덤색/랜덤배경색2

code_blocks 코드

{{loop|<nowiki>{{색깔|예시|{{랜덤색|명도={{rand|70|100}}%}}|{{랜덤색|명도={{rand|0|30}}%}}}}</nowiki>|30|1|1}}

code

낙서장에서 확인

description 결과

예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시예시

도보시오

• https://www.w3schools.com/ - Colors HSL and HSLA