#331e2a
RGB ( 赤 = 51, 緑 = 30, 青 = 42 )
HSL ( 色相 = 326°, 彩度 = 26%, 明度 = 16% )
H : 色相 ( 326° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #33201e : -320
16 : #33241e : -310
26 : #33271e : -300
36 : #332b1e : -290
46 : #332e1e : -280
56 : #33321e : -270
66 : #31331e : -260
76 : #2e331e : -250
86 : #2a331e : -240
96 : #27331e : -230
106 : #23331e : -220
116 : #20331e : -210
126 : #1e3320 : -200
136 : #1e3324 : -190
146 : #1e3327 : -180
156 : #1e332b : -170
166 : #1e332e : -160
176 : #1e3332 : -150
186 : #1e3133 : -140
196 : #1e2e33 : -130
206 : #1e2a33 : -120
216 : #1e2733 : -110
226 : #1e2333 : -100
236 : #1e2033 : -90
246 : #201e33 : -80
256 : #241e33 : -70
266 : #271e33 : -60
276 : #2b1e33 : -50
286 : #2e1e33 : -40
296 : #321e33 : -30
306 : #331e31 : -20
316 : #331e2e : -10
326 : #331e2a : ±0
336 : #331e27 : +10
346 : #331e23 : +20
356 : #331e20 : +30
316 : #331e2e : -10
317 : #331e2d : -9
318 : #331e2d : -8
319 : #331e2d : -7
320 : #331e2c : -6
321 : #331e2c : -5
322 : #331e2c : -4
323 : #331e2b : -3
324 : #331e2b : -2
325 : #331e2b : -1
326 : #331e2a : ±0
327 : #331e2a : +1
328 : #331e2a : +2
329 : #331e29 : +3
330 : #331e29 : +4
331 : #331e28 : +5
332 : #331e28 : +6
333 : #331e28 : +7
334 : #331e27 : +8
335 : #331e27 : +9
336 : #331e27 : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -26
2 : #2a2829 : -24
4 : #2a2729 : -22
6 : #2b2629 : -20
8 : #2c2629 : -18
10 : #2d2529 : -16
12 : #2e2429 : -14
14 : #2f232a : -12
16 : #2f222a : -10
18 : #30212a : -8
20 : #31212a : -6
22 : #32202a : -4
24 : #331f2a : -2
26 : #331e2a : ±0
28 : #341d2a : +2
30 : #351d2a : +4
32 : #361c2b : +6
34 : #371b2b : +8
36 : #371a2b : +10
38 : #38192b : +12
40 : #39182b : +14
42 : #3a182b : +16
44 : #3b172b : +18
46 : #3c162b : +20
48 : #3c152b : +22
50 : #3d142c : +24
52 : #3e142c : +26
54 : #3f132c : +28
56 : #40122c : +30
58 : #40112c : +32
60 : #41102c : +34
62 : #42102c : +36
64 : #430f2c : +38
66 : #440e2c : +40
68 : #450d2c : +42
70 : #450c2d : +44
72 : #460b2d : +46
74 : #470b2d : +48
76 : #480a2d : +50
78 : #49092d : +52
80 : #49082d : +54
82 : #4a072d : +56
84 : #4b072d : +58
86 : #4c062d : +60
88 : #4d052e : +62
90 : #4e042e : +64
92 : #4e032e : +66
94 : #4f022e : +68
96 : #50022e : +70
98 : #51012e : +72
100 : #52002e : +74
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #060405 : -14
4 : #0d080b : -12
6 : #130b10 : -10
8 : #1a0f15 : -8
10 : #20131a : -6
12 : #271720 : -4
14 : #2d1a25 : -2
16 : #331e2a : ±0
18 : #3a222f : +2
20 : #402635 : +4
22 : #472a3a : +6
24 : #4d2d3f : +8
26 : #543145 : +10
28 : #5a354a : +12
30 : #60394f : +14
32 : #673c54 : +16
34 : #6d405a : +18
36 : #74445f : +20
38 : #7a4864 : +22
40 : #814b6a : +24
42 : #874f6f : +26
44 : #8d5374 : +28
46 : #945779 : +30
48 : #9a5b7f : +32
50 : #a15e84 : +34
52 : #a46589 : +36
54 : #a86b8e : +38
56 : #ac7293 : +40
58 : #b07898 : +42
60 : #b47e9d : +44
62 : #b785a1 : +46
64 : #bb8ba6 : +48
66 : #bf92ab : +50
68 : #c398b0 : +52
70 : #c69fb5 : +54
72 : #caa5ba : +56
74 : #ceabbf : +58
76 : #d2b2c4 : +60
78 : #d5b8c9 : +62
80 : #d9bfce : +64
82 : #ddc5d3 : +66
84 : #e1ccd8 : +68
86 : #e5d2dd : +70
88 : #e8d8e1 : +72
90 : #ecdfe6 : +74
92 : #f0e5eb : +76
94 : #f4ecf0 : +78
96 : #f7f2f5 : +80
98 : #fbf9fa : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow