#5c423d
RGB ( 赤 = 92, 緑 = 66, 青 = 61 )
HSL ( 色相 = 10°, 彩度 = 20%, 明度 = 30% )
H : 色相 ( 10° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #5c3d3d : -10
10 : #5c423d : ±0
20 : #5c473d : +10
30 : #5c4d3d : +20
40 : #5c523d : +30
50 : #5c573d : +40
60 : #5c5c3d : +50
70 : #575c3d : +60
80 : #525c3d : +70
90 : #4d5c3d : +80
100 : #475c3d : +90
110 : #425c3d : +100
120 : #3d5c3d : +110
130 : #3d5c42 : +120
140 : #3d5c47 : +130
150 : #3d5c4d : +140
160 : #3d5c52 : +150
170 : #3d5c57 : +160
180 : #3d5c5c : +170
190 : #3d575c : +180
200 : #3d525c : +190
210 : #3d4d5c : +200
220 : #3d475c : +210
230 : #3d425c : +220
240 : #3d3d5c : +230
250 : #423d5c : +240
260 : #473d5c : +250
270 : #4d3d5c : +260
280 : #523d5c : +270
290 : #573d5c : +280
300 : #5c3d5c : +290
310 : #5c3d57 : +300
320 : #5c3d52 : +310
330 : #5c3d4d : +320
340 : #5c3d47 : +330
350 : #5c3d42 : +340
0 : #5c3d3d : -10
1 : #5c3e3d : -9
2 : #5c3e3d : -8
3 : #5c3f3d : -7
4 : #5c3f3d : -6
5 : #5c403d : -5
6 : #5c403d : -4
7 : #5c413d : -3
8 : #5c413d : -2
9 : #5c423d : -1
10 : #5c423d : ±0
11 : #5c433d : +1
12 : #5c433d : +2
13 : #5c443d : +3
14 : #5c443d : +4
15 : #5c453d : +5
16 : #5c453d : +6
17 : #5c463d : +7
18 : #5c463d : +8
19 : #5c473d : +9
20 : #5c473d : +10
S : 彩度 ( 20% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4c4c4c : -20
2 : #4e4b4b : -18
4 : #504a49 : -16
6 : #514948 : -14
8 : #534846 : -12
10 : #544745 : -10
12 : #564643 : -8
14 : #574542 : -6
16 : #594440 : -4
18 : #5a433f : -2
20 : #5c423d : ±0
22 : #5d413c : +2
24 : #5f403a : +4
26 : #603f39 : +6
28 : #623e37 : +8
30 : #633d36 : +10
32 : #653c34 : +12
34 : #673b32 : +14
36 : #683a31 : +16
38 : #6a392f : +18
40 : #6b382e : +20
42 : #6d372c : +22
44 : #6e362b : +24
46 : #703529 : +26
48 : #713428 : +28
50 : #733326 : +30
52 : #743225 : +32
54 : #763123 : +34
56 : #773022 : +36
58 : #792f20 : +38
60 : #7a2e1f : +40
62 : #7c2d1d : +42
64 : #7d2c1c : +44
66 : #7f2b1a : +46
68 : #812a18 : +48
70 : #822917 : +50
72 : #842815 : +52
74 : #852714 : +54
76 : #872612 : +56
78 : #882511 : +58
80 : #8a240f : +60
82 : #8b230e : +62
84 : #8d220c : +64
86 : #8e210b : +66
88 : #902009 : +68
90 : #911f08 : +70
92 : #931e06 : +72
94 : #941d05 : +74
96 : #961c03 : +76
98 : #971b02 : +78
100 : #991a00 : +80
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #060404 : -28
4 : #0c0908 : -26
6 : #120d0c : -24
8 : #181210 : -22
10 : #1f1614 : -20
12 : #251b18 : -18
14 : #2b1f1d : -16
16 : #312321 : -14
18 : #372825 : -12
20 : #3d2c29 : -10
22 : #43312d : -8
24 : #493531 : -6
26 : #503935 : -4
28 : #563e39 : -2
30 : #5c423d : ±0
32 : #624741 : +2
34 : #684b45 : +4
36 : #6e5049 : +6
38 : #74544e : +8
40 : #7a5852 : +10
42 : #815d56 : +12
44 : #87615a : +14
46 : #8d665e : +16
48 : #936a62 : +18
50 : #996f66 : +20
52 : #9d746c : +22
54 : #a17a72 : +24
56 : #a58078 : +26
58 : #a9867e : +28
60 : #ad8b85 : +30
62 : #b1918b : +32
64 : #b69791 : +34
66 : #ba9d97 : +36
68 : #bea39d : +38
70 : #c2a8a3 : +40
72 : #c6aea9 : +42
74 : #cab4af : +44
76 : #cebab6 : +46
78 : #d2bfbc : +48
80 : #d6c5c2 : +50
82 : #dacbc8 : +52
84 : #ded1ce : +54
86 : #e2d7d4 : +56
88 : #e7dcda : +58
90 : #ebe2e0 : +60
92 : #efe8e7 : +62
94 : #f3eeed : +64
96 : #f7f3f3 : +66
98 : #fbf9f9 : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow