#393d1f
RGB ( 赤 = 57, 緑 = 61, 青 = 31 )
HSL ( 色相 = 68°, 彩度 = 33%, 明度 = 18% )
H : 色相 ( 68° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #3d231f : -60
18 : #3d281f : -50
28 : #3d2d1f : -40
38 : #3d321f : -30
48 : #3d371f : -20
58 : #3d3c1f : -10
68 : #393d1f : ±0
78 : #343d1f : +10
88 : #2f3d1f : +20
98 : #2a3d1f : +30
108 : #253d1f : +40
118 : #203d1f : +50
128 : #1f3d23 : +60
138 : #1f3d28 : +70
148 : #1f3d2d : +80
158 : #1f3d32 : +90
168 : #1f3d37 : +100
178 : #1f3d3c : +110
188 : #1f393d : +120
198 : #1f343d : +130
208 : #1f2f3d : +140
218 : #1f2a3d : +150
228 : #1f253d : +160
238 : #1f203d : +170
248 : #231f3d : +180
258 : #281f3d : +190
268 : #2d1f3d : +200
278 : #321f3d : +210
288 : #371f3d : +220
298 : #3c1f3d : +230
308 : #3d1f39 : +240
318 : #3d1f34 : +250
328 : #3d1f2f : +260
338 : #3d1f2a : +270
348 : #3d1f25 : +280
358 : #3d1f20 : +290
58 : #3d3c1f : -10
59 : #3d3d1f : -9
60 : #3d3d1f : -8
61 : #3d3d1f : -7
62 : #3c3d1f : -6
63 : #3c3d1f : -5
64 : #3b3d1f : -4
65 : #3b3d1f : -3
66 : #3a3d1f : -2
67 : #3a3d1f : -1
68 : #393d1f : ±0
69 : #393d1f : +1
70 : #383d1f : +2
71 : #373d1f : +3
72 : #373d1f : +4
73 : #363d1f : +5
74 : #363d1f : +6
75 : #353d1f : +7
76 : #353d1f : +8
77 : #343d1f : +9
78 : #343d1f : +10
S : 彩度 ( 33% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2e2e2d : -32
3 : #2f2f2d : -30
5 : #30302c : -28
7 : #30312b : -26
9 : #31322a : -24
11 : #323329 : -22
13 : #323428 : -20
15 : #333527 : -18
17 : #343626 : -16
19 : #343725 : -14
21 : #353824 : -12
23 : #363823 : -10
25 : #363922 : -8
27 : #373a22 : -6
29 : #383b21 : -4
31 : #383c20 : -2
33 : #393d1f : ±0
35 : #3a3e1e : +2
37 : #3a3f1d : +4
39 : #3b401c : +6
41 : #3c411b : +8
43 : #3c421a : +10
45 : #3d4319 : +12
47 : #3e4318 : +14
49 : #3e4417 : +16
51 : #3f4516 : +18
53 : #404616 : +20
55 : #404715 : +22
57 : #414814 : +24
59 : #424913 : +26
61 : #424a12 : +28
63 : #434b11 : +30
65 : #444c10 : +32
67 : #444d0f : +34
69 : #454e0e : +36
71 : #464e0d : +38
73 : #464f0c : +40
75 : #47500b : +42
77 : #48510b : +44
79 : #48520a : +46
81 : #495309 : +48
83 : #4a5408 : +50
85 : #4b5507 : +52
87 : #4b5606 : +54
89 : #4c5705 : +56
91 : #4d5804 : +58
93 : #4d5903 : +60
95 : #4e5a02 : +62
97 : #4f5a01 : +64
99 : #4f5b00 : +66
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #060703 : -16
4 : #0d0e07 : -14
6 : #13140a : -12
8 : #191b0e : -10
10 : #202211 : -8
12 : #262915 : -6
14 : #2c2f18 : -4
16 : #33361b : -2
18 : #393d1f : ±0
20 : #3f4422 : +2
22 : #464b26 : +4
24 : #4c5129 : +6
26 : #52582c : +8
28 : #595f30 : +10
30 : #5f6633 : +12
32 : #656d37 : +14
34 : #6c733a : +16
36 : #727a3e : +18
38 : #788141 : +20
40 : #7f8844 : +22
42 : #858e48 : +24
44 : #8b954b : +26
46 : #929c4f : +28
48 : #98a352 : +30
50 : #9eaa55 : +32
52 : #a2ad5c : +34
54 : #a6b063 : +36
56 : #aab46a : +38
58 : #aeb771 : +40
60 : #b2bb77 : +42
62 : #b6be7e : +44
64 : #b9c185 : +46
66 : #bdc58c : +48
68 : #c1c892 : +50
70 : #c5cc99 : +52
72 : #c9cfa0 : +54
74 : #cdd3a7 : +56
76 : #d1d6ae : +58
78 : #d4d9b4 : +60
80 : #d8ddbb : +62
82 : #dce0c2 : +64
84 : #e0e4c9 : +66
86 : #e4e7d0 : +68
88 : #e8ead6 : +70
90 : #eceedd : +72
92 : #f0f1e4 : +74
94 : #f3f5eb : +76
96 : #f7f8f1 : +78
98 : #fbfcf8 : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow