#12283a
RGB ( 赤 = 18, 緑 = 40, 青 = 58 )
HSL ( 色相 = 207°, 彩度 = 53%, 明度 = 15% )
H : 色相 ( 207° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #3b1712 : -200
17 : #3b1d12 : -190
27 : #3b2412 : -180
37 : #3b2b12 : -170
47 : #3b3212 : -160
57 : #3b3812 : -150
67 : #363b12 : -140
77 : #2f3b12 : -130
87 : #283b12 : -120
97 : #223b12 : -110
107 : #1b3b12 : -100
117 : #143b12 : -90
127 : #123b17 : -80
137 : #123b1d : -70
147 : #123b24 : -60
157 : #123b2b : -50
167 : #123b32 : -40
177 : #123b38 : -30
187 : #12363b : -20
197 : #122f3b : -10
207 : #12283b : ±0
217 : #12223b : +10
227 : #121b3b : +20
237 : #12143b : +30
247 : #17123b : +40
257 : #1d123b : +50
267 : #24123b : +60
277 : #2b123b : +70
287 : #32123b : +80
297 : #38123b : +90
307 : #3b1236 : +100
317 : #3b122f : +110
327 : #3b1228 : +120
337 : #3b1222 : +130
347 : #3b121b : +140
357 : #3b1214 : +150
197 : #122f3b : -10
198 : #122e3b : -9
199 : #122e3b : -8
200 : #122d3b : -7
201 : #122c3b : -6
202 : #122c3b : -5
203 : #122b3b : -4
204 : #122a3b : -3
205 : #122a3b : -2
206 : #12293b : -1
207 : #12283b : ±0
208 : #12283b : +1
209 : #12273b : +2
210 : #12263b : +3
211 : #12263b : +4
212 : #12253b : +5
213 : #12243b : +6
214 : #12243b : +7
215 : #12233b : +8
216 : #12223b : +9
217 : #12223b : +10
S : 彩度 ( 53% )
(0%) 渋い ~ 鮮やか (100%)
1 : #262627 : -52
3 : #252627 : -50
5 : #242628 : -48
7 : #242729 : -46
9 : #23272a : -44
11 : #22272a : -42
13 : #21272b : -40
15 : #21272c : -38
17 : #20272d : -36
19 : #1f272e : -34
21 : #1e272e : -32
23 : #1d272f : -30
25 : #1d2730 : -28
27 : #1c2731 : -26
29 : #1b2731 : -24
31 : #1a2732 : -22
33 : #1a2833 : -20
35 : #192834 : -18
37 : #182834 : -16
39 : #172835 : -14
41 : #172836 : -12
43 : #162837 : -10
45 : #152837 : -8
47 : #142838 : -6
49 : #142839 : -4
51 : #13283a : -2
53 : #12283b : ±0
55 : #11283b : +2
57 : #10283c : +4
59 : #10293d : +6
61 : #0f293e : +8
63 : #0e293e : +10
65 : #0d293f : +12
67 : #0d2940 : +14
69 : #0c2941 : +16
71 : #0b2941 : +18
73 : #0a2942 : +20
75 : #0a2943 : +22
77 : #092944 : +24
79 : #082944 : +26
81 : #072945 : +28
83 : #072946 : +30
85 : #062a47 : +32
87 : #052a48 : +34
89 : #042a48 : +36
91 : #032a49 : +38
93 : #032a4a : +40
95 : #022a4b : +42
97 : #012a4b : +44
99 : #002a4c : +46
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #010304 : -14
3 : #04080c : -12
5 : #060d14 : -10
7 : #08131b : -8
9 : #0b1823 : -6
11 : #0d1e2b : -4
13 : #102333 : -2
15 : #12283b : ±0
17 : #142e42 : +2
19 : #17334a : +4
21 : #193852 : +6
23 : #1c3e5a : +8
25 : #1e4362 : +10
27 : #204869 : +12
29 : #234e71 : +14
31 : #255379 : +16
33 : #285981 : +18
35 : #2a5e89 : +20
37 : #2c6390 : +22
39 : #2f6998 : +24
41 : #316ea0 : +26
43 : #3473a8 : +28
45 : #3679b0 : +30
47 : #387eb7 : +32
49 : #3b84bf : +34
51 : #4089c4 : +36
53 : #488ec7 : +38
55 : #4f92c9 : +40
57 : #5797cb : +42
59 : #5f9cce : +44
61 : #67a1d0 : +46
63 : #6fa6d3 : +48
65 : #76aad5 : +50
67 : #7eafd7 : +52
69 : #86b4da : +54
71 : #8eb9dc : +56
73 : #96bedf : +58
75 : #9dc3e1 : +60
77 : #a5c7e3 : +62
79 : #adcce6 : +64
81 : #b5d1e8 : +66
83 : #bdd6eb : +68
85 : #c4dbed : +70
87 : #cce0ef : +72
89 : #d4e4f2 : +74
91 : #dce9f4 : +76
93 : #e4eef7 : +78
95 : #ebf3f9 : +80
97 : #f3f8fb : +82
99 : #fbfdfe : +84
CSS入門、作ってます。
text-shadow