#54171c
RGB ( 赤 = 84, 緑 = 23, 青 = 28 )
HSL ( 色相 = 355°, 彩度 = 57%, 明度 = 21% )
H : 色相 ( 355° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #541c17 : -350
15 : #542617 : -340
25 : #543017 : -330
35 : #543b17 : -320
45 : #544517 : -310
55 : #544f17 : -300
65 : #4f5417 : -290
75 : #455417 : -280
85 : #3b5417 : -270
95 : #305417 : -260
105 : #265417 : -250
115 : #1c5417 : -240
125 : #17541c : -230
135 : #175426 : -220
145 : #175430 : -210
155 : #17543b : -200
165 : #175445 : -190
175 : #17544f : -180
185 : #174f54 : -170
195 : #174554 : -160
205 : #173b54 : -150
215 : #173054 : -140
225 : #172654 : -130
235 : #171c54 : -120
245 : #1c1754 : -110
255 : #261754 : -100
265 : #301754 : -90
275 : #3b1754 : -80
285 : #451754 : -70
295 : #4f1754 : -60
305 : #54174f : -50
315 : #541745 : -40
325 : #54173b : -30
335 : #541730 : -20
345 : #541726 : -10
355 : #54171c : ±0
345 : #541726 : -10
346 : #541725 : -9
347 : #541724 : -8
348 : #541723 : -7
349 : #541722 : -6
350 : #541721 : -5
351 : #541720 : -4
352 : #54171f : -3
353 : #54171e : -2
354 : #54171d : -1
355 : #54171c : ±0
356 : #54171b : +1
357 : #54171a : +2
358 : #541719 : +3
359 : #541718 : +4
0 : #541717 : -355
1 : #541817 : -354
2 : #541917 : -353
3 : #541a17 : -352
4 : #541b17 : -351
5 : #541c17 : -350
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #363535 : -56
3 : #373434 : -54
5 : #383333 : -52
7 : #393232 : -50
9 : #3a3132 : -48
11 : #3b3031 : -46
13 : #3d2f30 : -44
15 : #3e2e2f : -42
17 : #3f2c2e : -40
19 : #402b2d : -38
21 : #412a2c : -36
23 : #42292b : -34
25 : #43282a : -32
27 : #44272a : -30
29 : #452629 : -28
31 : #462528 : -26
33 : #472427 : -24
35 : #482326 : -22
37 : #492225 : -20
39 : #4a2124 : -18
41 : #4c2023 : -16
43 : #4d1f22 : -14
45 : #4e1d21 : -12
47 : #4f1c21 : -10
49 : #501b20 : -8
51 : #511a1f : -6
53 : #52191e : -4
55 : #53181d : -2
57 : #54171c : ±0
59 : #55161b : +2
61 : #56151a : +4
63 : #571419 : +6
65 : #581319 : +8
67 : #591218 : +10
69 : #5a1117 : +12
71 : #5c1016 : +14
73 : #5d0e15 : +16
75 : #5e0d14 : +18
77 : #5f0c13 : +20
79 : #600b12 : +22
81 : #610a11 : +24
83 : #620911 : +26
85 : #630810 : +28
87 : #64070f : +30
89 : #65060e : +32
91 : #66050d : +34
93 : #67040c : +36
95 : #68030b : +38
97 : #69020a : +40
99 : #6b0109 : +42
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #040101 : -20
3 : #0c0304 : -18
5 : #140507 : -16
7 : #1c0809 : -14
9 : #240a0c : -12
11 : #2c0c0f : -10
13 : #340e11 : -8
15 : #3c1014 : -6
17 : #441317 : -4
19 : #4c1519 : -2
21 : #54171c : ±0
23 : #5c191f : +2
25 : #641b21 : +4
27 : #6c1e24 : +6
29 : #742027 : +8
31 : #7c222a : +10
33 : #84242c : +12
35 : #8c262f : +14
37 : #942932 : +16
39 : #9c2b34 : +18
41 : #a42d37 : +20
43 : #ac2f3a : +22
45 : #b4313c : +24
47 : #bc343f : +26
49 : #c43642 : +28
51 : #c93b47 : +30
53 : #cb434e : +32
55 : #ce4b56 : +34
57 : #d0535d : +36
59 : #d25b65 : +38
61 : #d4636c : +40
63 : #d66b74 : +42
65 : #d9737b : +44
67 : #db7b83 : +46
69 : #dd838a : +48
71 : #df8b92 : +50
73 : #e19399 : +52
75 : #e49ba1 : +54
77 : #e6a3a8 : +56
79 : #e8abb0 : +58
81 : #eab3b8 : +60
83 : #ecbbbf : +62
85 : #efc3c7 : +64
87 : #f1cbce : +66
89 : #f3d3d6 : +68
91 : #f5dbdd : +70
93 : #f7e3e5 : +72
95 : #faebec : +74
97 : #fcf3f4 : +76
99 : #fefbfb : +78
CSS入門、作ってます。
text-shadow