#56152a
RGB ( 赤 = 86, 緑 = 21, 青 = 42 )
HSL ( 色相 = 341°, 彩度 = 61%, 明度 = 21% )
H : 色相 ( 341° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #561615 : -340
11 : #562115 : -330
21 : #562c15 : -320
31 : #563715 : -310
41 : #564215 : -300
51 : #564c15 : -290
61 : #555615 : -280
71 : #4a5615 : -270
81 : #3f5615 : -260
91 : #345615 : -250
101 : #2a5615 : -240
111 : #1f5615 : -230
121 : #155616 : -220
131 : #155621 : -210
141 : #15562c : -200
151 : #155637 : -190
161 : #155642 : -180
171 : #15564c : -170
181 : #155556 : -160
191 : #154a56 : -150
201 : #153f56 : -140
211 : #153456 : -130
221 : #152a56 : -120
231 : #151f56 : -110
241 : #161556 : -100
251 : #211556 : -90
261 : #2c1556 : -80
271 : #371556 : -70
281 : #421556 : -60
291 : #4c1556 : -50
301 : #561555 : -40
311 : #56154a : -30
321 : #56153f : -20
331 : #561534 : -10
341 : #56152a : ±0
351 : #56151f : +10
331 : #561534 : -10
332 : #561533 : -9
333 : #561532 : -8
334 : #561531 : -7
335 : #561530 : -6
336 : #56152f : -5
337 : #56152e : -4
338 : #56152d : -3
339 : #56152c : -2
340 : #56152b : -1
341 : #56152a : ±0
342 : #561528 : +1
343 : #561527 : +2
344 : #561526 : +3
345 : #561525 : +4
346 : #561524 : +5
347 : #561523 : +6
348 : #561522 : +7
349 : #561521 : +8
350 : #561520 : +9
351 : #56151f : +10
S : 彩度 ( 61% )
(0%) 渋い ~ 鮮やか (100%)
1 : #363535 : -60
3 : #373435 : -58
5 : #383335 : -56
7 : #393234 : -54
9 : #3a3134 : -52
11 : #3b3033 : -50
13 : #3d2f33 : -48
15 : #3e2e33 : -46
17 : #3f2c32 : -44
19 : #402b32 : -42
21 : #412a31 : -40
23 : #422931 : -38
25 : #432831 : -36
27 : #442730 : -34
29 : #452630 : -32
31 : #46252f : -30
33 : #47242f : -28
35 : #48232f : -26
37 : #49222e : -24
39 : #4a212e : -22
41 : #4c202d : -20
43 : #4d1f2d : -18
45 : #4e1d2d : -16
47 : #4f1c2c : -14
49 : #501b2c : -12
51 : #511a2c : -10
53 : #52192b : -8
55 : #53182b : -6
57 : #54172a : -4
59 : #55162a : -2
61 : #56152a : ±0
63 : #571429 : +2
65 : #581329 : +4
67 : #591228 : +6
69 : #5a1128 : +8
71 : #5c1028 : +10
73 : #5d0e27 : +12
75 : #5e0d27 : +14
77 : #5f0c26 : +16
79 : #600b26 : +18
81 : #610a26 : +20
83 : #620925 : +22
85 : #630825 : +24
87 : #640724 : +26
89 : #650624 : +28
91 : #660524 : +30
93 : #670423 : +32
95 : #680323 : +34
97 : #690223 : +36
99 : #6b0122 : +38
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -20
3 : #0c0306 : -18
5 : #15050a : -16
7 : #1d070e : -14
9 : #250912 : -12
11 : #2d0b16 : -10
13 : #350d1a : -8
15 : #3e0f1e : -6
17 : #461122 : -4
19 : #4e1326 : -2
21 : #56152a : ±0
23 : #5e172e : +2
25 : #671931 : +4
27 : #6f1b35 : +6
29 : #771d39 : +8
31 : #7f1f3d : +10
33 : #872141 : +12
35 : #902345 : +14
37 : #982549 : +16
39 : #a0274d : +18
41 : #a82951 : +20
43 : #b12b55 : +22
45 : #b92d59 : +24
47 : #c12f5d : +26
49 : #c93161 : +28
51 : #ce3666 : +30
53 : #d03e6c : +32
55 : #d24673 : +34
57 : #d44e79 : +36
59 : #d6577f : +38
61 : #d85f85 : +40
63 : #da678c : +42
65 : #dc6f92 : +44
67 : #de7898 : +46
69 : #e0809e : +48
71 : #e288a5 : +50
73 : #e490ab : +52
75 : #e698b1 : +54
77 : #e8a1b7 : +56
79 : #eaa9bd : +58
81 : #ecb1c4 : +60
83 : #eeb9ca : +62
85 : #f0c1d0 : +64
87 : #f2cad6 : +66
89 : #f4d2dd : +68
91 : #f6dae3 : +70
93 : #f8e2e9 : +72
95 : #faeaef : +74
97 : #fcf3f6 : +76
99 : #fefbfc : +78
CSS入門、作ってます。
text-shadow