#311c23
RGB ( 赤 = 49, 緑 = 28, 青 = 35 )
HSL ( 色相 = 340°, 彩度 = 27%, 明度 = 15% )
H : 色相 ( 340° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #311c1c : -340
10 : #311f1c : -330
20 : #31231c : -320
30 : #31261c : -310
40 : #312a1c : -300
50 : #312d1c : -290
60 : #31311c : -280
70 : #2d311c : -270
80 : #2a311c : -260
90 : #26311c : -250
100 : #23311c : -240
110 : #1f311c : -230
120 : #1c311c : -220
130 : #1c311f : -210
140 : #1c3123 : -200
150 : #1c3126 : -190
160 : #1c312a : -180
170 : #1c312d : -170
180 : #1c3131 : -160
190 : #1c2d31 : -150
200 : #1c2a31 : -140
210 : #1c2631 : -130
220 : #1c2331 : -120
230 : #1c1f31 : -110
240 : #1c1c31 : -100
250 : #1f1c31 : -90
260 : #231c31 : -80
270 : #261c31 : -70
280 : #2a1c31 : -60
290 : #2d1c31 : -50
300 : #311c31 : -40
310 : #311c2d : -30
320 : #311c2a : -20
330 : #311c26 : -10
340 : #311c23 : ±0
350 : #311c1f : +10
330 : #311c26 : -10
331 : #311c26 : -9
332 : #311c26 : -8
333 : #311c25 : -7
334 : #311c25 : -6
335 : #311c25 : -5
336 : #311c24 : -4
337 : #311c24 : -3
338 : #311c23 : -2
339 : #311c23 : -1
340 : #311c23 : ±0
341 : #311c22 : +1
342 : #311c22 : +2
343 : #311c22 : +3
344 : #311c21 : +4
345 : #311c21 : +5
346 : #311c21 : +6
347 : #311c20 : +7
348 : #311c20 : +8
349 : #311c20 : +9
350 : #311c1f : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #272626 : -26
3 : #272526 : -24
5 : #282426 : -22
7 : #292425 : -20
9 : #2a2325 : -18
11 : #2a2225 : -16
13 : #2b2125 : -14
15 : #2c2124 : -12
17 : #2d2024 : -10
19 : #2e1f24 : -8
21 : #2e1e24 : -6
23 : #2f1d23 : -4
25 : #301d23 : -2
27 : #311c23 : ±0
29 : #311b23 : +2
31 : #321a22 : +4
33 : #331a22 : +6
35 : #341922 : +8
37 : #341822 : +10
39 : #351721 : +12
41 : #361721 : +14
43 : #371621 : +16
45 : #371521 : +18
47 : #381420 : +20
49 : #391420 : +22
51 : #3a1320 : +24
53 : #3b121f : +26
55 : #3b111f : +28
57 : #3c101f : +30
59 : #3d101f : +32
61 : #3e0f1e : +34
63 : #3e0e1e : +36
65 : #3f0d1e : +38
67 : #400d1e : +40
69 : #410c1d : +42
71 : #410b1d : +44
73 : #420a1d : +46
75 : #430a1d : +48
77 : #44091c : +50
79 : #44081c : +52
81 : #45071c : +54
83 : #46071c : +56
85 : #47061b : +58
87 : #48051b : +60
89 : #48041b : +62
91 : #49031b : +64
93 : #4a031a : +66
95 : #4b021a : +68
97 : #4b011a : +70
99 : #4c001a : +72
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -14
3 : #0a0607 : -12
5 : #10090c : -10
7 : #170d10 : -8
9 : #1d1115 : -6
11 : #24141a : -4
13 : #2a181e : -2
15 : #311c23 : ±0
17 : #372027 : +2
19 : #3e232c : +4
21 : #442731 : +6
23 : #4a2b35 : +8
25 : #512f3a : +10
27 : #57323f : +12
29 : #5e3643 : +14
31 : #643a48 : +16
33 : #6b3d4d : +18
35 : #714151 : +20
37 : #784556 : +22
39 : #7e495a : +24
41 : #854c5f : +26
43 : #8b5064 : +28
45 : #925468 : +30
47 : #98576d : +32
49 : #9f5b72 : +34
51 : #a46077 : +36
53 : #a8677c : +38
55 : #ab6d82 : +40
57 : #af7487 : +42
59 : #b37a8d : +44
61 : #b68193 : +46
63 : #ba8798 : +48
65 : #be8e9e : +50
67 : #c294a3 : +52
69 : #c59ba9 : +54
71 : #c9a1ae : +56
73 : #cda8b4 : +58
75 : #d0aeba : +60
77 : #d4b5bf : +62
79 : #d8bbc5 : +64
81 : #dcc1ca : +66
83 : #dfc8d0 : +68
85 : #e3ced5 : +70
87 : #e7d5db : +72
89 : #ebdbe0 : +74
91 : #eee2e6 : +76
93 : #f2e8ec : +78
95 : #f6eff1 : +80
97 : #f9f5f7 : +82
99 : #fdfcfc : +84
CSS入門、作ってます。
text-shadow