#681454
RGB ( 赤 = 104, 緑 = 20, 青 = 84 )
HSL ( 色相 = 314°, 彩度 = 68%, 明度 = 24% )
H : 色相 ( 314° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #671914 : -310
14 : #672714 : -300
24 : #673514 : -290
34 : #674314 : -280
44 : #675114 : -270
54 : #675e14 : -260
64 : #616714 : -250
74 : #536714 : -240
84 : #466714 : -230
94 : #386714 : -220
104 : #2a6714 : -210
114 : #1c6714 : -200
124 : #146719 : -190
134 : #146727 : -180
144 : #146735 : -170
154 : #146743 : -160
164 : #146751 : -150
174 : #14675e : -140
184 : #146167 : -130
194 : #145367 : -120
204 : #144667 : -110
214 : #143867 : -100
224 : #142a67 : -90
234 : #141c67 : -80
244 : #191467 : -70
254 : #271467 : -60
264 : #351467 : -50
274 : #431467 : -40
284 : #511467 : -30
294 : #5e1467 : -20
304 : #671461 : -10
314 : #671453 : ±0
324 : #671446 : +10
334 : #671438 : +20
344 : #67142a : +30
354 : #67141c : +40
304 : #671461 : -10
305 : #671460 : -9
306 : #67145e : -8
307 : #67145d : -7
308 : #67145c : -6
309 : #67145a : -5
310 : #671459 : -4
311 : #671458 : -3
312 : #671456 : -2
313 : #671455 : -1
314 : #671453 : ±0
315 : #671452 : +1
316 : #671451 : +2
317 : #67144f : +3
318 : #67144e : +4
319 : #67144c : +5
320 : #67144b : +6
321 : #67144a : +7
322 : #671448 : +8
323 : #671447 : +9
324 : #671446 : +10
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -68
2 : #3e3c3e : -66
4 : #403b3f : -64
6 : #413a3f : -62
8 : #423840 : -60
10 : #433740 : -58
12 : #453641 : -56
14 : #463542 : -54
16 : #473342 : -52
18 : #483243 : -50
20 : #493144 : -48
22 : #4b3044 : -46
24 : #4c2f45 : -44
26 : #4d2d46 : -42
28 : #4e2c46 : -40
30 : #502b47 : -38
32 : #512a48 : -36
34 : #522848 : -34
36 : #532749 : -32
38 : #54264a : -30
40 : #56254a : -28
42 : #57234b : -26
44 : #58224c : -24
46 : #59214c : -22
48 : #5b204d : -20
50 : #5c1f4e : -18
52 : #5d1d4e : -16
54 : #5e1c4f : -14
56 : #5f1b4f : -12
58 : #611a50 : -10
60 : #621851 : -8
62 : #631751 : -6
64 : #641652 : -4
66 : #661553 : -2
68 : #671453 : ±0
70 : #681254 : +2
72 : #691155 : +4
74 : #6a1055 : +6
76 : #6c0f56 : +8
78 : #6d0d57 : +10
80 : #6e0c57 : +12
82 : #6f0b58 : +14
84 : #710a59 : +16
86 : #720959 : +18
88 : #73075a : +20
90 : #74065b : +22
92 : #76055b : +24
94 : #77045c : +26
96 : #78025d : +28
98 : #79015d : +30
100 : #7a005e : +32
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #090207 : -22
4 : #11030e : -20
6 : #1a0515 : -18
8 : #22071c : -16
10 : #2b0823 : -14
12 : #330a2a : -12
14 : #3c0b31 : -10
16 : #450d38 : -8
18 : #4d0f3f : -6
20 : #561045 : -4
22 : #5e124c : -2
24 : #671453 : ±0
26 : #6f155a : +2
28 : #781761 : +4
30 : #811868 : +6
32 : #891a6f : +8
34 : #921c76 : +10
36 : #9a1d7d : +12
38 : #a31f84 : +14
40 : #ab218b : +16
42 : #b42292 : +18
44 : #bc2499 : +20
46 : #c526a0 : +22
48 : #ce27a7 : +24
50 : #d629ae : +26
52 : #d831b1 : +28
54 : #d93ab4 : +30
56 : #db43b7 : +32
58 : #dd4bbb : +34
60 : #de54be : +36
62 : #e05cc1 : +38
64 : #e265c4 : +40
66 : #e36dc8 : +42
68 : #e576cb : +44
70 : #e77ece : +46
72 : #e887d1 : +48
74 : #ea90d5 : +50
76 : #eb98d8 : +52
78 : #eda1db : +54
80 : #efa9de : +56
82 : #f0b2e2 : +58
84 : #f2bae5 : +60
86 : #f4c3e8 : +62
88 : #f5cceb : +64
90 : #f7d4ef : +66
92 : #f8ddf2 : +68
94 : #fae5f5 : +70
96 : #fceef8 : +72
98 : #fdf6fc : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow