#1e332f
RGB ( 赤 = 30, 緑 = 51, 青 = 47 )
HSL ( 色相 = 169°, 彩度 = 26%, 明度 = 16% )
H : 色相 ( 169° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #33211e : -160
19 : #33251e : -150
29 : #33281e : -140
39 : #332c1e : -130
49 : #33301e : -120
59 : #33331e : -110
69 : #30331e : -100
79 : #2d331e : -90
89 : #29331e : -80
99 : #26331e : -70
109 : #22331e : -60
119 : #1f331e : -50
129 : #1e3321 : -40
139 : #1e3325 : -30
149 : #1e3328 : -20
159 : #1e332c : -10
169 : #1e3330 : ±0
179 : #1e3333 : +10
189 : #1e3033 : +20
199 : #1e2d33 : +30
209 : #1e2933 : +40
219 : #1e2633 : +50
229 : #1e2233 : +60
239 : #1e1f33 : +70
249 : #211e33 : +80
259 : #251e33 : +90
269 : #281e33 : +100
279 : #2c1e33 : +110
289 : #301e33 : +120
299 : #331e33 : +130
309 : #331e30 : +140
319 : #331e2d : +150
329 : #331e29 : +160
339 : #331e26 : +170
349 : #331e22 : +180
359 : #331e1f : +190
159 : #1e332c : -10
160 : #1e332c : -9
161 : #1e332d : -8
162 : #1e332d : -7
163 : #1e332d : -6
164 : #1e332e : -5
165 : #1e332e : -4
166 : #1e332e : -3
167 : #1e332f : -2
168 : #1e332f : -1
169 : #1e3330 : ±0
170 : #1e3330 : +1
171 : #1e3330 : +2
172 : #1e3331 : +3
173 : #1e3331 : +4
174 : #1e3331 : +5
175 : #1e3332 : +6
176 : #1e3332 : +7
177 : #1e3332 : +8
178 : #1e3333 : +9
179 : #1e3333 : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -26
2 : #282a29 : -24
4 : #272a2a : -22
6 : #262b2a : -20
8 : #262c2b : -18
10 : #252d2b : -16
12 : #242e2c : -14
14 : #232f2c : -12
16 : #222f2d : -10
18 : #21302d : -8
20 : #21312e : -6
22 : #20322e : -4
24 : #1f332f : -2
26 : #1e3330 : ±0
28 : #1d3430 : +2
30 : #1d3531 : +4
32 : #1c3631 : +6
34 : #1b3732 : +8
36 : #1a3732 : +10
38 : #193833 : +12
40 : #183933 : +14
42 : #183a34 : +16
44 : #173b34 : +18
46 : #163c35 : +20
48 : #153c35 : +22
50 : #143d36 : +24
52 : #143e36 : +26
54 : #133f37 : +28
56 : #124037 : +30
58 : #114038 : +32
60 : #104138 : +34
62 : #104239 : +36
64 : #0f4339 : +38
66 : #0e443a : +40
68 : #0d453a : +42
70 : #0c453b : +44
72 : #0b463b : +46
74 : #0b473c : +48
76 : #0a483c : +50
78 : #09493d : +52
80 : #08493d : +54
82 : #074a3e : +56
84 : #074b3f : +58
86 : #064c3f : +60
88 : #054d40 : +62
90 : #044e40 : +64
92 : #034e41 : +66
94 : #024f41 : +68
96 : #025042 : +70
98 : #015142 : +72
100 : #005243 : +74
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #040606 : -14
4 : #080d0c : -12
6 : #0b1312 : -10
8 : #0f1a18 : -8
10 : #13201e : -6
12 : #172724 : -4
14 : #1a2d2a : -2
16 : #1e3330 : ±0
18 : #223a35 : +2
20 : #26403b : +4
22 : #2a4741 : +6
24 : #2d4d47 : +8
26 : #31544d : +10
28 : #355a53 : +12
30 : #396059 : +14
32 : #3c675f : +16
34 : #406d65 : +18
36 : #44746b : +20
38 : #487a71 : +22
40 : #4b8177 : +24
42 : #4f877d : +26
44 : #538d83 : +28
46 : #579489 : +30
48 : #5b9a8f : +32
50 : #5ea194 : +34
52 : #65a499 : +36
54 : #6ba89d : +38
56 : #72aca1 : +40
58 : #78b0a6 : +42
60 : #7eb4aa : +44
62 : #85b7ae : +46
64 : #8bbbb2 : +48
66 : #92bfb7 : +50
68 : #98c3bb : +52
70 : #9fc6bf : +54
72 : #a5cac3 : +56
74 : #abcec8 : +58
76 : #b2d2cc : +60
78 : #b8d5d0 : +62
80 : #bfd9d4 : +64
82 : #c5ddd9 : +66
84 : #cce1dd : +68
86 : #d2e5e1 : +70
88 : #d8e8e5 : +72
90 : #dfecea : +74
92 : #e5f0ee : +76
94 : #ecf4f2 : +78
96 : #f2f7f6 : +80
98 : #f9fbfb : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow