[κΏ€νŒ] Velog 글씨λ₯Ό λ‚΄ λ§ˆμŒλŒ€λ‘œ λ°”κΏ”λ³΄μž! (색상, ν˜•κ΄‘νŽœ) πŸ”†

Posted by Euisuk's Dev Log on September 15, 2021

[κΏ€νŒ] Velog 글씨λ₯Ό λ‚΄ λ§ˆμŒλŒ€λ‘œ λ°”κΏ”λ³΄μž! (색상, ν˜•κ΄‘νŽœ) πŸ”†

원본 κ²Œμ‹œκΈ€: https://velog.io/@euisuk-chung/κΏ€νŒ-Velog-글씨λ₯Ό-λ‚΄-λ§ˆμŒλŒ€λ‘œ-색상-ν˜•κ΄‘νŽœ

πŸ’Œ Velogλ₯Ό μ—΄μ‹¬νžˆ μž‘μ„±ν•˜λ˜ 도쀑 문뜩 UIμ—μ„œ μ œκ³΅λ˜λŠ” κΈ°λŠ₯말고 κΈ€μž μƒ‰μ΄λ‚˜ ν˜•κ΄‘νŽœ κΈ°λŠ₯은 μ‚¬μš©ν•  수 μ—†μ„κΉŒ κ³ λ―Όν•˜λ˜ 쀑 쒋은 방법을 찾게 λ˜μ–΄ κΏ€νŒπŸ ν•œλ²ˆ μž‘μ„±ν•΄λ³΄μ•˜μŠ΅λ‹ˆλ‹€.

κΈ€μž 색상 λ°”κΎΈκΈ°

  • κΈ€μžμ˜ 색상을 λ°”κΏ”μ£Όκ³  싢을땐 μ•„λž˜μ™€ 같이 바꿔쀄 수 μžˆμŠ΅λ‹ˆλ‹€.

πŸ’‘ **<μ˜ˆμ‹œ>** μ•„λž˜μ™€ 같이 사과λ₯Ό λΉ¨κ°›κ²Œ 물듀이고 μ‹Άλ‹€λ©΄!

였늘 아침에 먹은 μ‚¬κ³ΌλŠ” λΉ¨κ°›κ³  λ§›μžˆμ—ˆμ–΄μš”~! 🍎

1
였늘 아침에 먹은 <span style="color: red">사과</span>λŠ” λΉ¨κ°›κ³  λ§›μžˆμ—ˆμ–΄μš”~! 🍎
  • 색상λͺ…은 μ•„λž˜ 두 κ°€μ§€ 쀑 ν•˜λ‚˜λ‘œ 지정해쀄 수 μžˆλŠ”λ°μš”.
  1. red라고 직접 색상λͺ…을 넣어쀄 수 μžˆμŠ΅λ‹ˆλ‹€.
  2. #ff0000라고 hex codeλ₯Ό 넣어쀄 수 μžˆμŠ΅λ‹ˆλ‹€.

πŸ“’ μ—¬κΈ°μ„œ 잠깐! hex codeλž€?

hex codeλŠ”, RGB 방식 색상 μ½”λ“œ ν‘œκΈ°λ²•μœΌλ‘œ, #κ³Ό 뒀에 λΆ™λŠ” μ—¬μ„― 자리 λ˜λŠ” μ„Έ 자리의 숫자둜 색상을 ν‘œκΈ°ν•˜λŠ” λ°©μ‹μž…λ‹ˆλ‹€.

κΈ€μž ν˜•κ΄‘νŽœ μΉ ν•˜κΈ°

  • νŠΉμ • λ¬Έμž₯에 ν˜•κ΄‘νŽœμ²˜λŸΌ μΉ ν•΄μ£Όκ³  싢을땐 μ•„λž˜μ™€ 같이 바꿔쀄 수 μžˆμŠ΅λ‹ˆλ‹€.

πŸ’‘ **<μ˜ˆμ‹œ>** μ•„λž˜μ™€ 같이 카레λ₯Ό λ…Έλž—κ²Œ μΉ ν•˜κ³  μ‹Άλ‹€λ©΄!

였늘 아침에 먹은 μΉ΄λ ˆλŠ” λ…Έλž—κ³  λ§›μžˆμ—ˆμ–΄μš”~! πŸ₯£

1
였늘 아침에 먹은 <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 γ…€μ—°ν•œνŒŒλž‘γ…€

λƒ₯냔얀양

κ°μ‚¬ν•©λ‹ˆλ‹€^~^



-->