#6f2f61
RGB ( 赤 = 111, 緑 = 47, 青 = 97 )
HSL ( 色相 = 313°, 彩度 = 41%, 明度 = 31% )
H : 色相 ( 313° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #6f322f : -310
13 : #6f3d2f : -300
23 : #6f472f : -290
33 : #6f522f : -280
43 : #6f5d2f : -270
53 : #6f682f : -260
63 : #6c6f2f : -250
73 : #616f2f : -240
83 : #576f2f : -230
93 : #4c6f2f : -220
103 : #416f2f : -210
113 : #366f2f : -200
123 : #2f6f32 : -190
133 : #2f6f3d : -180
143 : #2f6f47 : -170
153 : #2f6f52 : -160
163 : #2f6f5d : -150
173 : #2f6f68 : -140
183 : #2f6c6f : -130
193 : #2f616f : -120
203 : #2f576f : -110
213 : #2f4c6f : -100
223 : #2f416f : -90
233 : #2f366f : -80
243 : #322f6f : -70
253 : #3d2f6f : -60
263 : #472f6f : -50
273 : #522f6f : -40
283 : #5d2f6f : -30
293 : #682f6f : -20
303 : #6f2f6c : -10
313 : #6f2f61 : ±0
323 : #6f2f57 : +10
333 : #6f2f4c : +20
343 : #6f2f41 : +30
353 : #6f2f36 : +40
303 : #6f2f6c : -10
304 : #6f2f6b : -9
305 : #6f2f6a : -8
306 : #6f2f69 : -7
307 : #6f2f68 : -6
308 : #6f2f67 : -5
309 : #6f2f66 : -4
310 : #6f2f65 : -3
311 : #6f2f64 : -2
312 : #6f2f62 : -1
313 : #6f2f61 : ±0
314 : #6f2f60 : +1
315 : #6f2f5f : +2
316 : #6f2f5e : +3
317 : #6f2f5d : +4
318 : #6f2f5c : +5
319 : #6f2f5b : +6
320 : #6f2f5a : +7
321 : #6f2f59 : +8
322 : #6f2f58 : +9
323 : #6f2f57 : +10
S : 彩度 ( 41% )
(0%) 渋い ~ 鮮やか (100%)
1 : #504e4f : -40
3 : #514d50 : -38
5 : #534b51 : -36
7 : #554a52 : -34
9 : #564853 : -32
11 : #584654 : -30
13 : #594555 : -28
15 : #5b4356 : -26
17 : #5c4257 : -24
19 : #5e4058 : -22
21 : #603e58 : -20
23 : #613d59 : -18
25 : #633b5a : -16
27 : #643a5b : -14
29 : #66385c : -12
31 : #68375d : -10
33 : #69355e : -8
35 : #6b335f : -6
37 : #6c3260 : -4
39 : #6e3061 : -2
41 : #6f2f61 : ±0
43 : #712d62 : +2
45 : #732b63 : +4
47 : #742a64 : +6
49 : #762865 : +8
51 : #772766 : +10
53 : #792567 : +12
55 : #7b2468 : +14
57 : #7c2269 : +16
59 : #7e2069 : +18
61 : #7f1f6a : +20
63 : #811d6b : +22
65 : #821c6c : +24
67 : #841a6d : +26
69 : #86196e : +28
71 : #87176f : +30
73 : #891570 : +32
75 : #8a1471 : +34
77 : #8c1272 : +36
79 : #8d1172 : +38
81 : #8f0f73 : +40
83 : #910d74 : +42
85 : #920c75 : +44
87 : #940a76 : +46
89 : #950977 : +48
91 : #970778 : +50
93 : #990679 : +52
95 : #9a047a : +54
97 : #9c027b : +56
99 : #9d017b : +58
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #040203 : -30
3 : #0b0509 : -28
5 : #120810 : -26
7 : #190b16 : -24
9 : #200e1c : -22
11 : #281123 : -20
13 : #2f1429 : -18
15 : #36172f : -16
17 : #3d1a35 : -14
19 : #441d3c : -12
21 : #4c2042 : -10
23 : #532348 : -8
25 : #5a264f : -6
27 : #612955 : -4
29 : #682c5b : -2
31 : #6f2f61 : ±0
33 : #773268 : +2
35 : #7e356e : +4
37 : #853874 : +6
39 : #8c3b7b : +8
41 : #933e81 : +10
43 : #9b4187 : +12
45 : #a2448d : +14
47 : #a94794 : +16
49 : #b04a9a : +18
51 : #b54f9f : +20
53 : #b856a3 : +22
55 : #bb5da7 : +24
57 : #be64ab : +26
59 : #c16caf : +28
61 : #c473b3 : +30
63 : #c77ab7 : +32
65 : #ca81ba : +34
67 : #cd88be : +36
69 : #d090c2 : +38
71 : #d397c6 : +40
73 : #d69eca : +42
75 : #d9a5ce : +44
77 : #dcacd2 : +46
79 : #dfb3d6 : +48
81 : #e2bbda : +50
83 : #e5c2de : +52
85 : #e8c9e2 : +54
87 : #ebd0e6 : +56
89 : #eed7e9 : +58
91 : #f1dfed : +60
93 : #f4e6f1 : +62
95 : #f7edf5 : +64
97 : #faf4f9 : +66
99 : #fdfbfd : +68
CSS入門、作ってます。
text-shadow