#312b1f
RGB ( 赤 = 49, 緑 = 43, 青 = 31 )
HSL ( 色相 = 40°, 彩度 = 23%, 明度 = 16% )
H : 色相 ( 40° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #321f1f : -40
10 : #32231f : -30
20 : #32261f : -20
30 : #32291f : -10
40 : #322c1f : ±0
50 : #322f1f : +10
60 : #32321f : +20
70 : #2f321f : +30
80 : #2c321f : +40
90 : #29321f : +50
100 : #26321f : +60
110 : #23321f : +70
120 : #1f321f : +80
130 : #1f3223 : +90
140 : #1f3226 : +100
150 : #1f3229 : +110
160 : #1f322c : +120
170 : #1f322f : +130
180 : #1f3232 : +140
190 : #1f2f32 : +150
200 : #1f2c32 : +160
210 : #1f2932 : +170
220 : #1f2632 : +180
230 : #1f2332 : +190
240 : #1f1f32 : +200
250 : #231f32 : +210
260 : #261f32 : +220
270 : #291f32 : +230
280 : #2c1f32 : +240
290 : #2f1f32 : +250
300 : #321f32 : +260
310 : #321f2f : +270
320 : #321f2c : +280
330 : #321f29 : +290
340 : #321f26 : +300
350 : #321f23 : +310
30 : #32291f : -10
31 : #32291f : -9
32 : #32291f : -8
33 : #322a1f : -7
34 : #322a1f : -6
35 : #322a1f : -5
36 : #322b1f : -4
37 : #322b1f : -3
38 : #322b1f : -2
39 : #322c1f : -1
40 : #322c1f : ±0
41 : #322c1f : +1
42 : #322d1f : +2
43 : #322d1f : +3
44 : #322d1f : +4
45 : #322d1f : +5
46 : #322e1f : +6
47 : #322e1f : +7
48 : #322e1f : +8
49 : #322f1f : +9
50 : #322f1f : +10
S : 彩度 ( 23% )
(0%) 渋い ~ 鮮やか (100%)
1 : #292928 : -22
3 : #2a2928 : -20
5 : #2b2927 : -18
7 : #2c2a26 : -16
9 : #2c2a25 : -14
11 : #2d2a24 : -12
13 : #2e2b23 : -10
15 : #2f2b23 : -8
17 : #302b22 : -6
19 : #312b21 : -4
21 : #312c20 : -2
23 : #322c1f : ±0
25 : #332c1f : +2
27 : #342c1e : +4
29 : #352d1d : +6
31 : #352d1c : +8
33 : #362d1b : +10
35 : #372e1b : +12
37 : #382e1a : +14
39 : #392e19 : +16
41 : #3a2e18 : +18
43 : #3a2f17 : +20
45 : #3b2f16 : +22
47 : #3c2f16 : +24
49 : #3d2f15 : +26
51 : #3e3014 : +28
53 : #3e3013 : +30
55 : #3f3012 : +32
57 : #403112 : +34
59 : #413111 : +36
61 : #423110 : +38
63 : #43310f : +40
65 : #43320e : +42
67 : #44320d : +44
69 : #45320d : +46
71 : #46320c : +48
73 : #47330b : +50
75 : #47330a : +52
77 : #483309 : +54
79 : #493409 : +56
81 : #4a3408 : +58
83 : #4b3407 : +60
85 : #4b3406 : +62
87 : #4c3505 : +64
89 : #4d3504 : +66
91 : #4e3504 : +68
93 : #4f3503 : +70
95 : #503602 : +72
97 : #503601 : +74
99 : #513600 : +76
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #060504 : -14
4 : #0d0b08 : -12
6 : #13100c : -10
8 : #191610 : -8
10 : #1f1b14 : -6
12 : #262118 : -4
14 : #2c261b : -2
16 : #322c1f : ±0
18 : #383123 : +2
20 : #3f3727 : +4
22 : #453c2b : +6
24 : #4b422f : +8
26 : #524733 : +10
28 : #584d37 : +12
30 : #5e523b : +14
32 : #64583f : +16
34 : #6b5d43 : +18
36 : #716347 : +20
38 : #77684b : +22
40 : #7d6e4f : +24
42 : #847352 : +26
44 : #8a7956 : +28
46 : #907e5a : +30
48 : #97845e : +32
50 : #9d8962 : +34
52 : #a18e68 : +36
54 : #a5936f : +38
56 : #a99775 : +40
58 : #ad9c7b : +42
60 : #b0a182 : +44
62 : #b4a688 : +46
64 : #b8aa8e : +48
66 : #bcaf94 : +50
68 : #c0b49b : +52
70 : #c4b8a1 : +54
72 : #c8bda7 : +56
74 : #ccc2ad : +58
76 : #d0c6b4 : +60
78 : #d4cbba : +62
80 : #d8d0c0 : +64
82 : #dcd5c7 : +66
84 : #e0d9cd : +68
86 : #e4ded3 : +70
88 : #e7e3d9 : +72
90 : #ebe7e0 : +74
92 : #efece6 : +76
94 : #f3f1ec : +78
96 : #f7f6f2 : +80
98 : #fbfaf9 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow