#0c0f20
RGB ( 赤 = 12, 緑 = 15, 青 = 32 )
HSL ( 色相 = 231°, 彩度 = 45%, 明度 = 9% )
H : 色相 ( 231° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #210d0d : -230
11 : #21100d : -220
21 : #21140d : -210
31 : #21170d : -200
41 : #211b0d : -190
51 : #211e0d : -180
61 : #21210d : -170
71 : #1d210d : -160
81 : #1a210d : -150
91 : #17210d : -140
101 : #13210d : -130
111 : #10210d : -120
121 : #0d210d : -110
131 : #0d2110 : -100
141 : #0d2114 : -90
151 : #0d2117 : -80
161 : #0d211b : -70
171 : #0d211e : -60
181 : #0d2121 : -50
191 : #0d1d21 : -40
201 : #0d1a21 : -30
211 : #0d1721 : -20
221 : #0d1321 : -10
231 : #0d1021 : ±0
241 : #0d0d21 : +10
251 : #100d21 : +20
261 : #140d21 : +30
271 : #170d21 : +40
281 : #1b0d21 : +50
291 : #1e0d21 : +60
301 : #210d21 : +70
311 : #210d1d : +80
321 : #210d1a : +90
331 : #210d17 : +100
341 : #210d13 : +110
351 : #210d10 : +120
221 : #0d1321 : -10
222 : #0d1321 : -9
223 : #0d1221 : -8
224 : #0d1221 : -7
225 : #0d1221 : -6
226 : #0d1121 : -5
227 : #0d1121 : -4
228 : #0d1121 : -3
229 : #0d1021 : -2
230 : #0d1021 : -1
231 : #0d1021 : ±0
232 : #0d0f21 : +1
233 : #0d0f21 : +2
234 : #0d0f21 : +3
235 : #0d0e21 : +4
236 : #0d0e21 : +5
237 : #0d0e21 : +6
238 : #0d0d21 : +7
239 : #0d0d21 : +8
240 : #0d0d21 : +9
241 : #0d0d21 : +10
S : 彩度 ( 45% )
(0%) 渋い ~ 鮮やか (100%)
1 : #171717 : -44
3 : #161618 : -42
5 : #161618 : -40
7 : #151619 : -38
9 : #151619 : -36
11 : #141519 : -34
13 : #14151a : -32
15 : #14151a : -30
17 : #13141b : -28
19 : #13141b : -26
21 : #12141c : -24
23 : #12131c : -22
25 : #11131d : -20
27 : #11131d : -18
29 : #10121e : -16
31 : #10121e : -14
33 : #0f121f : -12
35 : #0f111f : -10
37 : #0e111f : -8
39 : #0e1120 : -6
41 : #0e1020 : -4
43 : #0d1021 : -2
45 : #0d1021 : ±0
47 : #0c0f22 : +2
49 : #0c0f22 : +4
51 : #0b0f23 : +6
53 : #0b0e23 : +8
55 : #0a0e24 : +10
57 : #0a0e24 : +12
59 : #090d24 : +14
61 : #090d25 : +16
63 : #080d25 : +18
65 : #080d26 : +20
67 : #080c26 : +22
69 : #070c27 : +24
71 : #070c27 : +26
73 : #060b28 : +28
75 : #060b28 : +30
77 : #050b29 : +32
79 : #050a29 : +34
81 : #040a2a : +36
83 : #040a2a : +38
85 : #03092a : +40
87 : #03092b : +42
89 : #03092b : +44
91 : #02082c : +46
93 : #02082c : +48
95 : #01082d : +50
97 : #01072d : +52
99 : #00072e : +54
L : 明度 ( 9% )
(0%) 暗い ~ 明るい (100%)
1 : #010204 : -8
3 : #04050b : -6
5 : #070912 : -4
7 : #0a0c1a : -2
9 : #0d1021 : ±0
11 : #0f1329 : +2
13 : #121730 : +4
15 : #151a37 : +6
17 : #181e3f : +8
19 : #1b2146 : +10
21 : #1d254e : +12
23 : #202855 : +14
25 : #232c5c : +16
27 : #262f64 : +18
29 : #29336b : +20
31 : #2b3673 : +22
33 : #2e3a7a : +24
35 : #313d81 : +26
37 : #344189 : +28
39 : #374490 : +30
41 : #3a4898 : +32
43 : #3c4b9f : +34
45 : #3f4fa6 : +36
47 : #4252ae : +38
49 : #4556b5 : +40
51 : #4a5bba : +42
53 : #5161bd : +44
55 : #5968c0 : +46
57 : #606fc3 : +48
59 : #6776c5 : +50
61 : #6f7cc8 : +52
63 : #7683cb : +54
65 : #7e8ace : +56
67 : #8590d1 : +58
69 : #8c97d4 : +60
71 : #949ed6 : +62
73 : #9ba4d9 : +64
75 : #a3abdc : +66
77 : #aab2df : +68
79 : #b1b9e2 : +70
81 : #b9bfe4 : +72
83 : #c0c6e7 : +74
85 : #c8cdea : +76
87 : #cfd3ed : +78
89 : #d6daf0 : +80
91 : #dee1f2 : +82
93 : #e5e8f5 : +84
95 : #edeef8 : +86
97 : #f4f5fb : +88
99 : #fbfcfe : +90
CSS入門、作ってます。
text-shadow