[꿀팁] Velog 글씨를 내 마음대로 바꿔보자! (색상, 형광펜) 🔆

💌 Velog를 열심히 작성하던 도중 문뜩 UI에서 제공되는 기능말고 글자 색이나 형광펜 기능은 사용할 수 없을까 고민하던 중 좋은 방법을 찾게 되어 꿀팁🐝 한번 작성해보았습니다.

글자 색상 바꾸기

• 글자의 색상을 바꿔주고 싶을땐 아래와 같이 바꿔줄 수 있습니다.

💡 <예시> 아래와 같이 사과를 빨갛게 물들이고 싶다면!

오늘 아침에 먹은 사과는 빨갛고 맛있었어요~! 🍎

오늘 아침에 먹은 <span style="color: red">사과</span>는 빨갛고 맛있었어요~! 🍎

• 색상명은 아래 두 가지 중 하나로 지정해줄 수 있는데요.

1. red라고 직접 색상명을 넣어줄 수 있습니다.
2. #ff0000라고 hex code를 넣어줄 수 있습니다.

📢 여기서 잠깐! hex code란?
hex code는, RGB 방식 색상 코드 표기법으로, #과 뒤에 붙는 여섯 자리 또는 세 자리의 숫자로 색상을 표기하는 방식입니다.

글자 형광펜 칠하기

• 특정 문장에 형광펜처럼 칠해주고 싶을땐 아래와 같이 바꿔줄 수 있습니다.

💡 <예시> 아래와 같이 카레를 노랗게 칠하고 싶다면!

오늘 아침에 먹은 카레는 노랗고 맛있었어요~! 🥣

오늘 아침에 먹은 <span style='background-color: yellow'>카레</span>는 노랗고 맛있었어요~! 🥣

(참고) 색상표

• hex code의 대표 색상들을 아래 표에서 확인할 수 있습니다.

Color	RGB	Hex Color	Example
Black	(0, 0, 0)	#000000	ㅤㅤㅤㅤㅤ
White	(255, 255, 255)	#FFFFFF	ㅤㅤㅤㅤㅤ
Gray	(128, 128, 128)	#808080	ㅤㅤㅤㅤㅤ
Red	(255, 0, 0)	#FF0000	ㅤㅤㅤㅤㅤ
Blue	(0, 0, 255)	#0000FF	ㅤㅤㅤㅤㅤ
Green	(0, 128, 0)	#008000	ㅤㅤㅤㅤㅤ
Yellow	(128, 0, 128)	#ffd33d	ㅤㅤㅤㅤㅤ
SkyBlue	(76, 201, 254)	#4CC9FE	ㅤㅤㅤㅤㅤ

• 몇 가지 이쁜 색상들을 더 소개해드릴까요? 🥰
  (색상 이름은 임의로 지정해주었습니다)

Color	RGB	Hex Color	Example
연한회색	(246, 248, 250)	#f6f8fa	ㅤ연한회색ㅤ
연한하늘	(241, 248, 255)	#f1f8ff	ㅤ연한하늘ㅤ
연한노랑	(255, 245, 177)	#fff5b1	ㅤ연한노랑ㅤ
연한빨강	(255, 220, 224)	#ffdce0	ㅤ연한빨강ㅤ
연한초록	(220, 255, 228)	#dcffe4	ㅤ연한초록ㅤ
연한보라	(245, 240, 255)	#f5f0ff	ㅤ연한보라ㅤ
연한주황	(247, 221, 190)	#F7DDBE	ㅤ연한주황ㅤ
연한파랑	(209, 235, 249)	#d1ebf9	ㅤ연한파랑ㅤ

감사합니다^~^