#54172c
RGB ( 赤 = 84, 緑 = 23, 青 = 44 )
HSL ( 色相 = 339°, 彩度 = 57%, 明度 = 21% )
H : 色相 ( 339° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #542017 : -330
19 : #542a17 : -320
29 : #543517 : -310
39 : #543f17 : -300
49 : #544917 : -290
59 : #545317 : -280
69 : #4b5417 : -270
79 : #415417 : -260
89 : #375417 : -250
99 : #2c5417 : -240
109 : #225417 : -230
119 : #185417 : -220
129 : #175420 : -210
139 : #17542a : -200
149 : #175435 : -190
159 : #17543f : -180
169 : #175449 : -170
179 : #175453 : -160
189 : #174b54 : -150
199 : #174154 : -140
209 : #173754 : -130
219 : #172c54 : -120
229 : #172254 : -110
239 : #171854 : -100
249 : #201754 : -90
259 : #2a1754 : -80
269 : #351754 : -70
279 : #3f1754 : -60
289 : #491754 : -50
299 : #531754 : -40
309 : #54174b : -30
319 : #541741 : -20
329 : #541737 : -10
339 : #54172c : ±0
349 : #541722 : +10
359 : #541718 : +20
329 : #541737 : -10
330 : #541736 : -9
331 : #541735 : -8
332 : #541734 : -7
333 : #541732 : -6
334 : #541731 : -5
335 : #541730 : -4
336 : #54172f : -3
337 : #54172e : -2
338 : #54172d : -1
339 : #54172c : ±0
340 : #54172b : +1
341 : #54172a : +2
342 : #541729 : +3
343 : #541728 : +4
344 : #541727 : +5
345 : #541726 : +6
346 : #541725 : +7
347 : #541724 : +8
348 : #541723 : +9
349 : #541722 : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #363535 : -56
3 : #373435 : -54
5 : #383335 : -52
7 : #393234 : -50
9 : #3a3134 : -48
11 : #3b3034 : -46
13 : #3d2f33 : -44
15 : #3e2e33 : -42
17 : #3f2c33 : -40
19 : #402b32 : -38
21 : #412a32 : -36
23 : #422932 : -34
25 : #432832 : -32
27 : #442731 : -30
29 : #452631 : -28
31 : #462531 : -26
33 : #472430 : -24
35 : #482330 : -22
37 : #492230 : -20
39 : #4a212f : -18
41 : #4c202f : -16
43 : #4d1f2f : -14
45 : #4e1d2e : -12
47 : #4f1c2e : -10
49 : #501b2e : -8
51 : #511a2d : -6
53 : #52192d : -4
55 : #53182d : -2
57 : #54172c : ±0
59 : #55162c : +2
61 : #56152c : +4
63 : #57142b : +6
65 : #58132b : +8
67 : #59122b : +10
69 : #5a112a : +12
71 : #5c102a : +14
73 : #5d0e2a : +16
75 : #5e0d2a : +18
77 : #5f0c29 : +20
79 : #600b29 : +22
81 : #610a29 : +24
83 : #620928 : +26
85 : #630828 : +28
87 : #640728 : +30
89 : #650627 : +32
91 : #660527 : +34
93 : #670427 : +36
95 : #680326 : +38
97 : #690226 : +40
99 : #6b0126 : +42
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -20
3 : #0c0306 : -18
5 : #14050b : -16
7 : #1c080f : -14
9 : #240a13 : -12
11 : #2c0c17 : -10
13 : #340e1b : -8
15 : #3c1020 : -6
17 : #441324 : -4
19 : #4c1528 : -2
21 : #54172c : ±0
23 : #5c1931 : +2
25 : #641b35 : +4
27 : #6c1e39 : +6
29 : #74203d : +8
31 : #7c2242 : +10
33 : #842446 : +12
35 : #8c264a : +14
37 : #94294e : +16
39 : #9c2b52 : +18
41 : #a42d57 : +20
43 : #ac2f5b : +22
45 : #b4315f : +24
47 : #bc3463 : +26
49 : #c43668 : +28
51 : #c93b6d : +30
53 : #cb4373 : +32
55 : #ce4b79 : +34
57 : #d0537f : +36
59 : #d25b85 : +38
61 : #d4638b : +40
63 : #d66b91 : +42
65 : #d97396 : +44
67 : #db7b9c : +46
69 : #dd83a2 : +48
71 : #df8ba8 : +50
73 : #e193ae : +52
75 : #e49bb4 : +54
77 : #e6a3ba : +56
79 : #e8abc0 : +58
81 : #eab3c6 : +60
83 : #ecbbcc : +62
85 : #efc3d2 : +64
87 : #f1cbd8 : +66
89 : #f3d3de : +68
91 : #f5dbe4 : +70
93 : #f7e3ea : +72
95 : #faebf0 : +74
97 : #fcf3f6 : +76
99 : #fefbfc : +78
CSS入門、作ってます。
text-shadow