Qiita는 `# d3e173`처럼 쓰면 오른쪽에 색이 표시된다는 것을 알고 있었습니까?

「 네가 생각하는 황록과 내가 생각하는 황록은 다를지도 모른다 🎨 」라고 기사를 써서 우연히 눈치챘습니다만, Qiita 는 #d3e173 처럼 컬러 코드를 코드 기법으로 쓰면, 오른쪽에 색이 표시되는군요.
알았어?

라는 것으로, 기법이나 컬러 코드의 종류로 색이 표시되는지 검증해 보았습니다.

코드 기법의 종류에 의한 비교

인라인

#d3e173이것은 실증 즈미. 표시됩니다.

신택스 하이라이트

#d3e173

div {
  background-color: #d3e173
}

이것은......안돼 싶다.
글쎄, 그렇지.

컬러 코드의 종류에 따른 비교

16진수 컬러 코드

#e4a972이것은 실증 즈미. 표시됩니다.

덧붙여서 3 자리도 #fff

hsl()

hsl(165, 100%, 50%)hsl() 도 갈 수 있는 것 같다!

rgba()

rgb(234, 0, 255)rgba(234, 0, 255, 0.5)rgba() 도 갈 수 있는 것 같다!
(제대로 투과되고 있는 w)

컬러 이름

yellow과연 컬러 네임은 무리였습니다.

그라데이션

linear-gradient(-135deg, #E4A972, #9941D8)가면 멋지지만, 무리같다.

요약

색을 기사에 쓸 때는 인라인으로 코드 기법하면 시각적으로 전할 수 있을지도!