#371f1b
RGB ( 赤 = 55, 緑 = 31, 青 = 27 )
HSL ( 色相 = 9°, 彩度 = 34%, 明度 = 16% )
H : 色相 ( 9° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #371f1b : ±0
19 : #37241b : +10
29 : #37281b : +20
39 : #372d1b : +30
49 : #37321b : +40
59 : #37361b : +50
69 : #33371b : +60
79 : #2e371b : +70
89 : #29371b : +80
99 : #25371b : +90
109 : #20371b : +100
119 : #1b371b : +110
129 : #1b371f : +120
139 : #1b3724 : +130
149 : #1b3728 : +140
159 : #1b372d : +150
169 : #1b3732 : +160
179 : #1b3736 : +170
189 : #1b3337 : +180
199 : #1b2e37 : +190
209 : #1b2937 : +200
219 : #1b2537 : +210
229 : #1b2037 : +220
239 : #1b1b37 : +230
249 : #1f1b37 : +240
259 : #241b37 : +250
269 : #281b37 : +260
279 : #2d1b37 : +270
289 : #321b37 : +280
299 : #361b37 : +290
309 : #371b33 : +300
319 : #371b2e : +310
329 : #371b29 : +320
339 : #371b25 : +330
349 : #371b20 : +340
359 : #371b1b : +350
359 : #371b1b : +350
0 : #371b1b : -9
1 : #371b1b : -8
2 : #371c1b : -7
3 : #371c1b : -6
4 : #371d1b : -5
5 : #371d1b : -4
6 : #371e1b : -3
7 : #371e1b : -2
8 : #371f1b : -1
9 : #371f1b : ±0
10 : #37201b : +1
11 : #37201b : +2
12 : #37201b : +3
13 : #37211b : +4
14 : #37211b : +5
15 : #37221b : +6
16 : #37221b : +7
17 : #37231b : +8
18 : #37231b : +9
19 : #37241b : +10
S : 彩度 ( 34% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -34
2 : #2a2828 : -32
4 : #2a2827 : -30
6 : #2b2726 : -28
8 : #2c2726 : -26
10 : #2d2625 : -24
12 : #2e2524 : -22
14 : #2f2523 : -20
16 : #2f2422 : -18
18 : #302421 : -16
20 : #312321 : -14
22 : #322320 : -12
24 : #33221f : -10
26 : #33211e : -8
28 : #34211d : -6
30 : #35201d : -4
32 : #36201c : -2
34 : #371f1b : ±0
36 : #371f1a : +2
38 : #381e19 : +4
40 : #391d18 : +6
42 : #3a1d18 : +8
44 : #3b1c17 : +10
46 : #3c1c16 : +12
48 : #3c1b15 : +14
50 : #3d1b14 : +16
52 : #3e1a14 : +18
54 : #3f1913 : +20
56 : #401912 : +22
58 : #401811 : +24
60 : #411810 : +26
62 : #421710 : +28
64 : #43170f : +30
66 : #44160e : +32
68 : #45150d : +34
70 : #45150c : +36
72 : #46140b : +38
74 : #47140b : +40
76 : #48130a : +42
78 : #491309 : +44
80 : #491208 : +46
82 : #4a1107 : +48
84 : #4b1107 : +50
86 : #4c1006 : +52
88 : #4d1005 : +54
90 : #4e0f04 : +56
92 : #4e0f03 : +58
94 : #4f0e02 : +60
96 : #500d02 : +62
98 : #510d01 : +64
100 : #520c00 : +66
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #070403 : -14
4 : #0e0807 : -12
6 : #150c0a : -10
8 : #1b100d : -8
10 : #221311 : -6
12 : #291714 : -4
14 : #301b18 : -2
16 : #371f1b : ±0
18 : #3e231e : +2
20 : #442722 : +4
22 : #4b2b25 : +6
24 : #522f28 : +8
26 : #59332c : +10
28 : #60362f : +12
30 : #673a32 : +14
32 : #6d3e36 : +16
34 : #744239 : +18
36 : #7b463d : +20
38 : #824a40 : +22
40 : #894e43 : +24
42 : #905247 : +26
44 : #96554a : +28
46 : #9d594d : +30
48 : #a45d51 : +32
50 : #ab6154 : +34
52 : #ae675b : +36
54 : #b26e62 : +38
56 : #b57469 : +40
58 : #b87a6f : +42
60 : #bc8176 : +44
62 : #bf877d : +46
64 : #c28d84 : +48
66 : #c6948b : +50
68 : #c99a92 : +52
70 : #cda098 : +54
72 : #d0a79f : +56
74 : #d3ada6 : +58
76 : #d7b3ad : +60
78 : #dabab4 : +62
80 : #ddc0bb : +64
82 : #e1c6c1 : +66
84 : #e4ccc8 : +68
86 : #e7d3cf : +70
88 : #ebd9d6 : +72
90 : #eedfdd : +74
92 : #f2e6e4 : +76
94 : #f5ecea : +78
96 : #f8f2f1 : +80
98 : #fcf9f8 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow