#56154c
RGB ( 赤 = 86, 緑 = 21, 青 = 76 )
HSL ( 色相 = 309°, 彩度 = 61%, 明度 = 21% )
H : 色相 ( 309° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #561f15 : -300
19 : #562a15 : -290
29 : #563415 : -280
39 : #563f15 : -270
49 : #564a15 : -260
59 : #565515 : -250
69 : #4c5615 : -240
79 : #425615 : -230
89 : #375615 : -220
99 : #2c5615 : -210
109 : #215615 : -200
119 : #165615 : -190
129 : #15561f : -180
139 : #15562a : -170
149 : #155634 : -160
159 : #15563f : -150
169 : #15564a : -140
179 : #155655 : -130
189 : #154c56 : -120
199 : #154256 : -110
209 : #153756 : -100
219 : #152c56 : -90
229 : #152156 : -80
239 : #151656 : -70
249 : #1f1556 : -60
259 : #2a1556 : -50
269 : #341556 : -40
279 : #3f1556 : -30
289 : #4a1556 : -20
299 : #551556 : -10
309 : #56154c : ±0
319 : #561542 : +10
329 : #561537 : +20
339 : #56152c : +30
349 : #561521 : +40
359 : #561516 : +50
299 : #551556 : -10
300 : #561556 : -9
301 : #561555 : -8
302 : #561554 : -7
303 : #561553 : -6
304 : #561552 : -5
305 : #561551 : -4
306 : #561550 : -3
307 : #56154f : -2
308 : #56154e : -1
309 : #56154c : ±0
310 : #56154b : +1
311 : #56154a : +2
312 : #561549 : +3
313 : #561548 : +4
314 : #561547 : +5
315 : #561546 : +6
316 : #561545 : +7
317 : #561544 : +8
318 : #561543 : +9
319 : #561542 : +10
S : 彩度 ( 61% )
(0%) 渋い ~ 鮮やか (100%)
1 : #363536 : -60
3 : #373437 : -58
5 : #383337 : -56
7 : #393238 : -54
9 : #3a3139 : -52
11 : #3b303a : -50
13 : #3d2f3a : -48
15 : #3e2e3b : -46
17 : #3f2c3c : -44
19 : #402b3d : -42
21 : #412a3d : -40
23 : #42293e : -38
25 : #43283f : -36
27 : #442740 : -34
29 : #452640 : -32
31 : #462541 : -30
33 : #472442 : -28
35 : #482343 : -26
37 : #492243 : -24
39 : #4a2144 : -22
41 : #4c2045 : -20
43 : #4d1f46 : -18
45 : #4e1d46 : -16
47 : #4f1c47 : -14
49 : #501b48 : -12
51 : #511a49 : -10
53 : #521949 : -8
55 : #53184a : -6
57 : #54174b : -4
59 : #55164c : -2
61 : #56154c : ±0
63 : #57144d : +2
65 : #58134e : +4
67 : #59124f : +6
69 : #5a114f : +8
71 : #5c1050 : +10
73 : #5d0e51 : +12
75 : #5e0d52 : +14
77 : #5f0c52 : +16
79 : #600b53 : +18
81 : #610a54 : +20
83 : #620955 : +22
85 : #630855 : +24
87 : #640756 : +26
89 : #650657 : +28
91 : #660558 : +30
93 : #670458 : +32
95 : #680359 : +34
97 : #69025a : +36
99 : #6b015b : +38
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -20
3 : #0c030b : -18
5 : #150512 : -16
7 : #1d0719 : -14
9 : #250921 : -12
11 : #2d0b28 : -10
13 : #350d2f : -8
15 : #3e0f37 : -6
17 : #46113e : -4
19 : #4e1345 : -2
21 : #56154c : ±0
23 : #5e1754 : +2
25 : #67195b : +4
27 : #6f1b62 : +6
29 : #771d6a : +8
31 : #7f1f71 : +10
33 : #872178 : +12
35 : #90237f : +14
37 : #982587 : +16
39 : #a0278e : +18
41 : #a82995 : +20
43 : #b12b9c : +22
45 : #b92da4 : +24
47 : #c12fab : +26
49 : #c931b2 : +28
51 : #ce36b7 : +30
53 : #d03eba : +32
55 : #d246bd : +34
57 : #d44ec0 : +36
59 : #d657c3 : +38
61 : #d85fc6 : +40
63 : #da67c9 : +42
65 : #dc6fcc : +44
67 : #de78cf : +46
69 : #e080d2 : +48
71 : #e288d5 : +50
73 : #e490d8 : +52
75 : #e698da : +54
77 : #e8a1dd : +56
79 : #eaa9e0 : +58
81 : #ecb1e3 : +60
83 : #eeb9e6 : +62
85 : #f0c1e9 : +64
87 : #f2caec : +66
89 : #f4d2ef : +68
91 : #f6daf2 : +70
93 : #f8e2f5 : +72
95 : #faeaf8 : +74
97 : #fcf3fb : +76
99 : #fefbfe : +78
CSS入門、作ってます。
text-shadow