#3c312a
RGB ( 赤 = 60, 緑 = 49, 青 = 42 )
HSL ( 色相 = 23°, 彩度 = 18%, 明度 = 20% )
H : 色相 ( 23° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #3c2b2a : -20
13 : #3c2e2a : -10
23 : #3c312a : ±0
33 : #3c342a : +10
43 : #3c372a : +20
53 : #3c3a2a : +30
63 : #3b3c2a : +40
73 : #383c2a : +50
83 : #353c2a : +60
93 : #323c2a : +70
103 : #2f3c2a : +80
113 : #2c3c2a : +90
123 : #2a3c2b : +100
133 : #2a3c2e : +110
143 : #2a3c31 : +120
153 : #2a3c34 : +130
163 : #2a3c37 : +140
173 : #2a3c3a : +150
183 : #2a3b3c : +160
193 : #2a383c : +170
203 : #2a353c : +180
213 : #2a323c : +190
223 : #2a2f3c : +200
233 : #2a2c3c : +210
243 : #2b2a3c : +220
253 : #2e2a3c : +230
263 : #312a3c : +240
273 : #342a3c : +250
283 : #372a3c : +260
293 : #3a2a3c : +270
303 : #3c2a3b : +280
313 : #3c2a38 : +290
323 : #3c2a35 : +300
333 : #3c2a32 : +310
343 : #3c2a2f : +320
353 : #3c2a2c : +330
13 : #3c2e2a : -10
14 : #3c2e2a : -9
15 : #3c2e2a : -8
16 : #3c2f2a : -7
17 : #3c2f2a : -6
18 : #3c2f2a : -5
19 : #3c302a : -4
20 : #3c302a : -3
21 : #3c302a : -2
22 : #3c312a : -1
23 : #3c312a : ±0
24 : #3c312a : +1
25 : #3c312a : +2
26 : #3c322a : +3
27 : #3c322a : +4
28 : #3c322a : +5
29 : #3c332a : +6
30 : #3c332a : +7
31 : #3c332a : +8
32 : #3c342a : +9
33 : #3c342a : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #333333 : -18
2 : #343332 : -16
4 : #353331 : -14
6 : #363230 : -12
8 : #37322f : -10
10 : #38322e : -8
12 : #39322d : -6
14 : #3a312c : -4
16 : #3b312b : -2
18 : #3c312a : ±0
20 : #3d3129 : +2
22 : #3e3028 : +4
24 : #3f3027 : +6
26 : #403026 : +8
28 : #413025 : +10
30 : #422f24 : +12
32 : #432f23 : +14
34 : #442f22 : +16
36 : #452f21 : +18
38 : #462e20 : +20
40 : #472e1f : +22
42 : #482e1e : +24
44 : #492e1d : +26
46 : #4a2e1c : +28
48 : #4b2d1b : +30
50 : #4d2d1a : +32
52 : #4e2d18 : +34
54 : #4f2d17 : +36
56 : #502c16 : +38
58 : #512c15 : +40
60 : #522c14 : +42
62 : #532c13 : +44
64 : #542b12 : +46
66 : #552b11 : +48
68 : #562b10 : +50
70 : #572b0f : +52
72 : #582a0e : +54
74 : #592a0d : +56
76 : #5a2a0c : +58
78 : #5b2a0b : +60
80 : #5c290a : +62
82 : #5d2909 : +64
84 : #5e2908 : +66
86 : #5f2907 : +68
88 : #602906 : +70
90 : #612805 : +72
92 : #622804 : +74
94 : #632803 : +76
96 : #642802 : +78
98 : #652701 : +80
100 : #662700 : +82
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #060504 : -18
4 : #0c0a08 : -16
6 : #120f0d : -14
8 : #181411 : -12
10 : #1e1815 : -10
12 : #241d19 : -8
14 : #2a221d : -6
16 : #302721 : -4
18 : #362c26 : -2
20 : #3c312a : ±0
22 : #42362e : +2
24 : #483b32 : +4
26 : #4e4036 : +6
28 : #54443b : +8
30 : #5a493f : +10
32 : #604e43 : +12
34 : #665347 : +14
36 : #6c584b : +16
38 : #725d4f : +18
40 : #786254 : +20
42 : #7e6758 : +22
44 : #846b5c : +24
46 : #8a7060 : +26
48 : #907564 : +28
50 : #967a69 : +30
52 : #9b7f6f : +32
54 : #9f8575 : +34
56 : #a38a7b : +36
58 : #a78f81 : +38
60 : #ab9587 : +40
62 : #b09a8d : +42
64 : #b49f93 : +44
66 : #b8a599 : +46
68 : #bcaa9f : +48
70 : #c0afa5 : +50
72 : #c4b5ab : +52
74 : #c9bab1 : +54
76 : #cdbfb7 : +56
78 : #d1c5bd : +58
80 : #d5cac3 : +60
82 : #d9cfc9 : +62
84 : #ded4cf : +64
86 : #e2dad5 : +66
88 : #e6dfdb : +68
90 : #eae4e1 : +70
92 : #eeeae7 : +72
94 : #f2efed : +74
96 : #f7f4f3 : +76
98 : #fbfaf9 : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow