#332819
RGB ( 赤 = 51, 緑 = 40, 青 = 25 )
HSL ( 色相 = 35°, 彩度 = 34%, 明度 = 15% )
H : 色相 ( 35° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #331b19 : -30
15 : #332019 : -20
25 : #332419 : -10
35 : #332819 : ±0
45 : #332d19 : +10
55 : #333119 : +20
65 : #313319 : +30
75 : #2d3319 : +40
85 : #283319 : +50
95 : #243319 : +60
105 : #203319 : +70
115 : #1b3319 : +80
125 : #19331b : +90
135 : #193320 : +100
145 : #193324 : +110
155 : #193328 : +120
165 : #19332d : +130
175 : #193331 : +140
185 : #193133 : +150
195 : #192d33 : +160
205 : #192833 : +170
215 : #192433 : +180
225 : #192033 : +190
235 : #191b33 : +200
245 : #1b1933 : +210
255 : #201933 : +220
265 : #241933 : +230
275 : #281933 : +240
285 : #2d1933 : +250
295 : #311933 : +260
305 : #331931 : +270
315 : #33192d : +280
325 : #331928 : +290
335 : #331924 : +300
345 : #331920 : +310
355 : #33191b : +320
25 : #332419 : -10
26 : #332519 : -9
27 : #332519 : -8
28 : #332519 : -7
29 : #332619 : -6
30 : #332619 : -5
31 : #332719 : -4
32 : #332719 : -3
33 : #332819 : -2
34 : #332819 : -1
35 : #332819 : ±0
36 : #332919 : +1
37 : #332919 : +2
38 : #332a19 : +3
39 : #332a19 : +4
40 : #332b19 : +5
41 : #332b19 : +6
42 : #332b19 : +7
43 : #332c19 : +8
44 : #332c19 : +9
45 : #332d19 : +10
S : 彩度 ( 34% )
(0%) 渋い ~ 鮮やか (100%)
0 : #262626 : -34
2 : #272625 : -32
4 : #282725 : -30
6 : #292724 : -28
8 : #292723 : -26
10 : #2a2722 : -24
12 : #2b2722 : -22
14 : #2c2721 : -20
16 : #2c2720 : -18
18 : #2d271f : -16
20 : #2e281f : -14
22 : #2f281e : -12
24 : #2f281d : -10
26 : #30281c : -8
28 : #31281c : -6
30 : #32281b : -4
32 : #32281a : -2
34 : #332819 : ±0
36 : #342918 : +2
38 : #352918 : +4
40 : #362917 : +6
42 : #362916 : +8
44 : #372915 : +10
46 : #382915 : +12
48 : #392914 : +14
50 : #392913 : +16
52 : #3a2a12 : +18
54 : #3b2a12 : +20
56 : #3c2a11 : +22
58 : #3c2a10 : +24
60 : #3d2a0f : +26
62 : #3e2a0f : +28
64 : #3f2a0e : +30
66 : #3f2a0d : +32
68 : #402b0c : +34
70 : #412b0b : +36
72 : #422b0b : +38
74 : #432b0a : +40
76 : #432b09 : +42
78 : #442b08 : +44
80 : #452b08 : +46
82 : #462b07 : +48
84 : #462c06 : +50
86 : #472c05 : +52
88 : #482c05 : +54
90 : #492c04 : +56
92 : #492c03 : +58
94 : #4a2c02 : +60
96 : #4b2c02 : +62
98 : #4c2c01 : +64
100 : #4d2d00 : +66
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -14
3 : #0a0805 : -12
5 : #110d08 : -10
7 : #18130c : -8
9 : #1f180f : -6
11 : #261e13 : -4
13 : #2c2316 : -2
15 : #332819 : ±0
17 : #3a2e1d : +2
19 : #413320 : +4
21 : #483923 : +6
23 : #4f3e27 : +8
25 : #55432a : +10
27 : #5c492d : +12
29 : #634e31 : +14
31 : #6a5434 : +16
33 : #715938 : +18
35 : #785e3b : +20
37 : #7e643e : +22
39 : #856942 : +24
41 : #8c6e45 : +26
43 : #937448 : +28
45 : #9a794c : +30
47 : #a17f4f : +32
49 : #a78452 : +34
51 : #ad8958 : +36
53 : #b08e5e : +38
55 : #b39365 : +40
57 : #b7986c : +42
59 : #ba9c73 : +44
61 : #bda17a : +46
63 : #c1a681 : +48
65 : #c4ab87 : +50
67 : #c7b08e : +52
69 : #cbb495 : +54
71 : #ceb99c : +56
73 : #d2bea3 : +58
75 : #d5c3aa : +60
77 : #d8c8b0 : +62
79 : #dcccb7 : +64
81 : #dfd1be : +66
83 : #e2d6c5 : +68
85 : #e6dbcc : +70
87 : #e9e0d3 : +72
89 : #ece5d9 : +74
91 : #f0e9e0 : +76
93 : #f3eee7 : +78
95 : #f7f3ee : +80
97 : #faf8f5 : +82
99 : #fdfdfc : +84
CSS入門、作ってます。
text-shadow