#682248
RGB ( 赤 = 104, 緑 = 34, 青 = 72 )
HSL ( 色相 = 327°, 彩度 = 51%, 明度 = 27% )
H : 色相 ( 327° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #682a22 : -320
17 : #683622 : -310
27 : #684122 : -300
37 : #684d22 : -290
47 : #685922 : -280
57 : #686422 : -270
67 : #606822 : -260
77 : #546822 : -250
87 : #486822 : -240
97 : #3d6822 : -230
107 : #316822 : -220
117 : #256822 : -210
127 : #22682a : -200
137 : #226836 : -190
147 : #226841 : -180
157 : #22684d : -170
167 : #226859 : -160
177 : #226864 : -150
187 : #226068 : -140
197 : #225468 : -130
207 : #224868 : -120
217 : #223d68 : -110
227 : #223168 : -100
237 : #222568 : -90
247 : #2a2268 : -80
257 : #362268 : -70
267 : #412268 : -60
277 : #4d2268 : -50
287 : #592268 : -40
297 : #642268 : -30
307 : #682260 : -20
317 : #682254 : -10
327 : #682248 : ±0
337 : #68223d : +10
347 : #682231 : +20
357 : #682225 : +30
317 : #682254 : -10
318 : #682253 : -9
319 : #682252 : -8
320 : #682251 : -7
321 : #68224f : -6
322 : #68224e : -5
323 : #68224d : -4
324 : #68224c : -3
325 : #68224b : -2
326 : #68224a : -1
327 : #682248 : ±0
328 : #682247 : +1
329 : #682246 : +2
330 : #682245 : +3
331 : #682244 : +4
332 : #682243 : +5
333 : #682241 : +6
334 : #682240 : +7
335 : #68223f : +8
336 : #68223e : +9
337 : #68223d : +10
S : 彩度 ( 51% )
(0%) 渋い ~ 鮮やか (100%)
1 : #464445 : -50
3 : #474345 : -48
5 : #484145 : -46
7 : #4a4045 : -44
9 : #4b3f45 : -42
11 : #4c3d46 : -40
13 : #4e3c46 : -38
15 : #4f3b46 : -36
17 : #513946 : -34
19 : #523846 : -32
21 : #533646 : -30
23 : #553546 : -28
25 : #563447 : -26
27 : #573247 : -24
29 : #593147 : -22
31 : #5a3047 : -20
33 : #5c2e47 : -18
35 : #5d2d47 : -16
37 : #5e2b47 : -14
39 : #602a48 : -12
41 : #612948 : -10
43 : #622748 : -8
45 : #642648 : -6
47 : #652448 : -4
49 : #672348 : -2
51 : #682248 : ±0
53 : #692048 : +2
55 : #6b1f49 : +4
57 : #6c1e49 : +6
59 : #6d1c49 : +8
61 : #6f1b49 : +10
63 : #701949 : +12
65 : #721849 : +14
67 : #731749 : +16
69 : #74154a : +18
71 : #76144a : +20
73 : #77134a : +22
75 : #78114a : +24
77 : #7a104a : +26
79 : #7b0e4a : +28
81 : #7d0d4a : +30
83 : #7e0c4b : +32
85 : #7f0a4b : +34
87 : #81094b : +36
89 : #82084b : +38
91 : #84064b : +40
93 : #85054b : +42
95 : #86034b : +44
97 : #88024c : +46
99 : #89014c : +48
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -26
3 : #0c0408 : -24
5 : #13060d : -22
7 : #1b0913 : -20
9 : #230b18 : -18
11 : #2a0e1d : -16
13 : #321023 : -14
15 : #3a1328 : -12
17 : #41152e : -10
19 : #491833 : -8
21 : #511a38 : -6
23 : #591d3e : -4
25 : #601f43 : -2
27 : #682248 : ±0
29 : #70244e : +2
31 : #772753 : +4
33 : #7f2958 : +6
35 : #872c5e : +8
37 : #8e2e63 : +10
39 : #963169 : +12
41 : #9e336e : +14
43 : #a63673 : +16
45 : #ad3879 : +18
47 : #b53b7e : +20
49 : #bd3d83 : +22
51 : #c24288 : +24
53 : #c44a8d : +26
55 : #c75292 : +28
57 : #c95997 : +30
59 : #cc619c : +32
61 : #ce69a1 : +34
63 : #d171a5 : +36
65 : #d378aa : +38
67 : #d680af : +40
69 : #d888b4 : +42
71 : #db8fb9 : +44
73 : #dd97be : +46
75 : #e09fc3 : +48
77 : #e2a6c7 : +50
79 : #e5aecc : +52
81 : #e7b6d1 : +54
83 : #eabed6 : +56
85 : #ecc5db : +58
87 : #efcde0 : +60
89 : #f1d5e4 : +62
91 : #f4dce9 : +64
93 : #f6e4ee : +66
95 : #f9ecf3 : +68
97 : #fbf3f8 : +70
99 : #fefbfd : +72
CSS入門、作ってます。
text-shadow