#33191b
RGB ( 赤 = 51, 緑 = 25, 青 = 27 )
HSL ( 色相 = 355°, 彩度 = 34%, 明度 = 15% )
H : 色相 ( 355° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #331b19 : -350
15 : #332019 : -340
25 : #332419 : -330
35 : #332819 : -320
45 : #332d19 : -310
55 : #333119 : -300
65 : #313319 : -290
75 : #2d3319 : -280
85 : #283319 : -270
95 : #243319 : -260
105 : #203319 : -250
115 : #1b3319 : -240
125 : #19331b : -230
135 : #193320 : -220
145 : #193324 : -210
155 : #193328 : -200
165 : #19332d : -190
175 : #193331 : -180
185 : #193133 : -170
195 : #192d33 : -160
205 : #192833 : -150
215 : #192433 : -140
225 : #192033 : -130
235 : #191b33 : -120
245 : #1b1933 : -110
255 : #201933 : -100
265 : #241933 : -90
275 : #281933 : -80
285 : #2d1933 : -70
295 : #311933 : -60
305 : #331931 : -50
315 : #33192d : -40
325 : #331928 : -30
335 : #331924 : -20
345 : #331920 : -10
355 : #33191b : ±0
345 : #331920 : -10
346 : #33191f : -9
347 : #33191f : -8
348 : #33191e : -7
349 : #33191e : -6
350 : #33191e : -5
351 : #33191d : -4
352 : #33191d : -3
353 : #33191c : -2
354 : #33191c : -1
355 : #33191b : ±0
356 : #33191b : +1
357 : #33191b : +2
358 : #33191a : +3
359 : #33191a : +4
0 : #331919 : -355
1 : #331a19 : -354
2 : #331a19 : -353
3 : #331b19 : -352
4 : #331b19 : -351
5 : #331b19 : -350
S : 彩度 ( 34% )
(0%) 渋い ~ 鮮やか (100%)
0 : #262626 : -34
2 : #272526 : -32
4 : #282525 : -30
6 : #292424 : -28
8 : #292324 : -26
10 : #2a2223 : -24
12 : #2b2222 : -22
14 : #2c2122 : -20
16 : #2c2021 : -18
18 : #2d1f21 : -16
20 : #2e1f20 : -14
22 : #2f1e1f : -12
24 : #2f1d1f : -10
26 : #301c1e : -8
28 : #311c1d : -6
30 : #321b1d : -4
32 : #321a1c : -2
34 : #33191b : ±0
36 : #34181b : +2
38 : #35181a : +4
40 : #36171a : +6
42 : #361619 : +8
44 : #371518 : +10
46 : #381518 : +12
48 : #391417 : +14
50 : #391316 : +16
52 : #3a1216 : +18
54 : #3b1215 : +20
56 : #3c1114 : +22
58 : #3c1014 : +24
60 : #3d0f13 : +26
62 : #3e0f12 : +28
64 : #3f0e12 : +30
66 : #3f0d11 : +32
68 : #400c11 : +34
70 : #410b10 : +36
72 : #420b0f : +38
74 : #430a0f : +40
76 : #43090e : +42
78 : #44080d : +44
80 : #45080d : +46
82 : #46070c : +48
84 : #46060b : +50
86 : #47050b : +52
88 : #48050a : +54
90 : #49040a : +56
92 : #490309 : +58
94 : #4a0208 : +60
96 : #4b0208 : +62
98 : #4c0107 : +64
100 : #4d0006 : +66
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -14
3 : #0a0505 : -12
5 : #110809 : -10
7 : #180c0d : -8
9 : #1f0f10 : -6
11 : #261314 : -4
13 : #2c1618 : -2
15 : #33191b : ±0
17 : #3a1d1f : +2
19 : #412023 : +4
21 : #482326 : +6
23 : #4f272a : +8
25 : #552a2e : +10
27 : #5c2d31 : +12
29 : #633135 : +14
31 : #6a3439 : +16
33 : #71383c : +18
35 : #783b40 : +20
37 : #7e3e44 : +22
39 : #854247 : +24
41 : #8c454b : +26
43 : #93484f : +28
45 : #9a4c52 : +30
47 : #a14f56 : +32
49 : #a7525a : +34
51 : #ad585f : +36
53 : #b05e65 : +38
55 : #b3656c : +40
57 : #b76c72 : +42
59 : #ba7379 : +44
61 : #bd7a7f : +46
63 : #c18186 : +48
65 : #c4878c : +50
67 : #c78e93 : +52
69 : #cb959a : +54
71 : #ce9ca0 : +56
73 : #d2a3a7 : +58
75 : #d5aaad : +60
77 : #d8b0b4 : +62
79 : #dcb7ba : +64
81 : #dfbec1 : +66
83 : #e2c5c7 : +68
85 : #e6ccce : +70
87 : #e9d3d4 : +72
89 : #ecd9db : +74
91 : #f0e0e2 : +76
93 : #f3e7e8 : +78
95 : #f7eeef : +80
97 : #faf5f5 : +82
99 : #fdfcfc : +84
CSS入門、作ってます。
text-shadow