#331f19
RGB ( 赤 = 51, 緑 = 31, 青 = 25 )
HSL ( 色相 = 14°, 彩度 = 34%, 明度 = 15% )
H : 色相 ( 14° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #331b19 : -10
14 : #331f19 : ±0
24 : #332419 : +10
34 : #332819 : +20
44 : #332c19 : +30
54 : #333119 : +40
64 : #323319 : +50
74 : #2d3319 : +60
84 : #293319 : +70
94 : #253319 : +80
104 : #203319 : +90
114 : #1c3319 : +100
124 : #19331b : +110
134 : #19331f : +120
144 : #193324 : +130
154 : #193328 : +140
164 : #19332c : +150
174 : #193331 : +160
184 : #193233 : +170
194 : #192d33 : +180
204 : #192933 : +190
214 : #192533 : +200
224 : #192033 : +210
234 : #191c33 : +220
244 : #1b1933 : +230
254 : #1f1933 : +240
264 : #241933 : +250
274 : #281933 : +260
284 : #2c1933 : +270
294 : #311933 : +280
304 : #331932 : +290
314 : #33192d : +300
324 : #331929 : +310
334 : #331925 : +320
344 : #331920 : +330
354 : #33191c : +340
4 : #331b19 : -10
5 : #331b19 : -9
6 : #331c19 : -8
7 : #331c19 : -7
8 : #331d19 : -6
9 : #331d19 : -5
10 : #331e19 : -4
11 : #331e19 : -3
12 : #331e19 : -2
13 : #331f19 : -1
14 : #331f19 : ±0
15 : #332019 : +1
16 : #332019 : +2
17 : #332119 : +3
18 : #332119 : +4
19 : #332119 : +5
20 : #332219 : +6
21 : #332219 : +7
22 : #332319 : +8
23 : #332319 : +9
24 : #332419 : +10
S : 彩度 ( 34% )
(0%) 渋い ~ 鮮やか (100%)
0 : #262626 : -34
2 : #272625 : -32
4 : #282525 : -30
6 : #292524 : -28
8 : #292523 : -26
10 : #2a2422 : -24
12 : #2b2422 : -22
14 : #2c2321 : -20
16 : #2c2320 : -18
18 : #2d231f : -16
20 : #2e221f : -14
22 : #2f221e : -12
24 : #2f211d : -10
26 : #30211c : -8
28 : #31211c : -6
30 : #32201b : -4
32 : #32201a : -2
34 : #331f19 : ±0
36 : #341f18 : +2
38 : #351e18 : +4
40 : #361e17 : +6
42 : #361e16 : +8
44 : #371d15 : +10
46 : #381d15 : +12
48 : #391c14 : +14
50 : #391c13 : +16
52 : #3a1c12 : +18
54 : #3b1b12 : +20
56 : #3c1b11 : +22
58 : #3c1a10 : +24
60 : #3d1a0f : +26
62 : #3e1a0f : +28
64 : #3f190e : +30
66 : #3f190d : +32
68 : #40180c : +34
70 : #41180b : +36
72 : #42180b : +38
74 : #43170a : +40
76 : #431709 : +42
78 : #441608 : +44
80 : #451608 : +46
82 : #461607 : +48
84 : #461506 : +50
86 : #471505 : +52
88 : #481405 : +54
90 : #491404 : +56
92 : #491303 : +58
94 : #4a1302 : +60
96 : #4b1302 : +62
98 : #4c1201 : +64
100 : #4d1200 : +66
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -14
3 : #0a0605 : -12
5 : #110a08 : -10
7 : #180f0c : -8
9 : #1f130f : -6
11 : #261713 : -4
13 : #2c1b16 : -2
15 : #331f19 : ±0
17 : #3a231d : +2
19 : #412820 : +4
21 : #482c23 : +6
23 : #4f3027 : +8
25 : #55342a : +10
27 : #5c382d : +12
29 : #633d31 : +14
31 : #6a4134 : +16
33 : #714538 : +18
35 : #78493b : +20
37 : #7e4d3e : +22
39 : #855142 : +24
41 : #8c5645 : +26
43 : #935a48 : +28
45 : #9a5e4c : +30
47 : #a1624f : +32
49 : #a76652 : +34
51 : #ad6b58 : +36
53 : #b0715e : +38
55 : #b37765 : +40
57 : #b77d6c : +42
59 : #ba8373 : +44
61 : #bd8a7a : +46
63 : #c19081 : +48
65 : #c49687 : +50
67 : #c79c8e : +52
69 : #cba295 : +54
71 : #cea89c : +56
73 : #d2aea3 : +58
75 : #d5b4aa : +60
77 : #d8bab0 : +62
79 : #dcc0b7 : +64
81 : #dfc6be : +66
83 : #e2ccc5 : +68
85 : #e6d2cc : +70
87 : #e9d8d3 : +72
89 : #ecded9 : +74
91 : #f0e4e0 : +76
93 : #f3eae7 : +78
95 : #f7f0ee : +80
97 : #faf6f5 : +82
99 : #fdfcfc : +84
CSS入門、作ってます。
text-shadow