#0c141e
RGB ( 赤 = 12, 緑 = 20, 青 = 30 )
HSL ( 色相 = 213°, 彩度 = 43%, 明度 = 8% )
H : 色相 ( 213° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #1d0d0c : -210
13 : #1d0f0c : -200
23 : #1d120c : -190
33 : #1d150c : -180
43 : #1d180c : -170
53 : #1d1b0c : -160
63 : #1c1d0c : -150
73 : #191d0c : -140
83 : #161d0c : -130
93 : #141d0c : -120
103 : #111d0c : -110
113 : #0e1d0c : -100
123 : #0c1d0d : -90
133 : #0c1d0f : -80
143 : #0c1d12 : -70
153 : #0c1d15 : -60
163 : #0c1d18 : -50
173 : #0c1d1b : -40
183 : #0c1c1d : -30
193 : #0c191d : -20
203 : #0c161d : -10
213 : #0c141d : ±0
223 : #0c111d : +10
233 : #0c0e1d : +20
243 : #0d0c1d : +30
253 : #0f0c1d : +40
263 : #120c1d : +50
273 : #150c1d : +60
283 : #180c1d : +70
293 : #1b0c1d : +80
303 : #1d0c1c : +90
313 : #1d0c19 : +100
323 : #1d0c16 : +110
333 : #1d0c14 : +120
343 : #1d0c11 : +130
353 : #1d0c0e : +140
203 : #0c161d : -10
204 : #0c161d : -9
205 : #0c161d : -8
206 : #0c161d : -7
207 : #0c151d : -6
208 : #0c151d : -5
209 : #0c151d : -4
210 : #0c141d : -3
211 : #0c141d : -2
212 : #0c141d : -1
213 : #0c141d : ±0
214 : #0c131d : +1
215 : #0c131d : +2
216 : #0c131d : +3
217 : #0c121d : +4
218 : #0c121d : +5
219 : #0c121d : +6
220 : #0c111d : +7
221 : #0c111d : +8
222 : #0c111d : +9
223 : #0c111d : +10
S : 彩度 ( 43% )
(0%) 渋い ~ 鮮やか (100%)
1 : #141415 : -42
3 : #141415 : -40
5 : #131415 : -38
7 : #131416 : -36
9 : #131416 : -34
11 : #121417 : -32
13 : #121417 : -30
15 : #111417 : -28
17 : #111418 : -26
19 : #111418 : -24
21 : #101419 : -22
23 : #101419 : -20
25 : #0f141a : -18
27 : #0f141a : -16
29 : #0e141a : -14
31 : #0e141b : -12
33 : #0e141b : -10
35 : #0d141c : -8
37 : #0d141c : -6
39 : #0c141c : -4
41 : #0c141d : -2
43 : #0c141d : ±0
45 : #0b131e : +2
47 : #0b131e : +4
49 : #0a131e : +6
51 : #0a131f : +8
53 : #0a131f : +10
55 : #091320 : +12
57 : #091320 : +14
59 : #081320 : +16
61 : #081321 : +18
63 : #081321 : +20
65 : #071322 : +22
67 : #071322 : +24
69 : #061322 : +26
71 : #061323 : +28
73 : #061323 : +30
75 : #051324 : +32
77 : #051324 : +34
79 : #041325 : +36
81 : #041325 : +38
83 : #031325 : +40
85 : #031326 : +42
87 : #031326 : +44
89 : #021327 : +46
91 : #021327 : +48
93 : #011327 : +50
95 : #011228 : +52
97 : #011228 : +54
99 : #001229 : +56
L : 明度 ( 8% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -8
2 : #030507 : -6
4 : #060a0f : -4
6 : #090f16 : -2
8 : #0c141d : ±0
10 : #0f1824 : +2
12 : #111d2c : +4
14 : #142233 : +6
16 : #17273a : +8
18 : #1a2c42 : +10
20 : #1d3149 : +12
22 : #203650 : +14
24 : #233b58 : +16
26 : #263f5f : +18
28 : #294466 : +20
30 : #2c496d : +22
32 : #2f4e75 : +24
34 : #31537c : +26
36 : #345883 : +28
38 : #375d8b : +30
40 : #3a6292 : +32
42 : #3d6699 : +34
44 : #406ba0 : +36
46 : #4370a8 : +38
48 : #4675af : +40
50 : #497ab6 : +42
52 : #507fb9 : +44
54 : #5785bc : +46
56 : #5f8abf : +48
58 : #668fc2 : +50
60 : #6d95c5 : +52
62 : #749ac8 : +54
64 : #7c9fcb : +56
66 : #83a5ce : +58
68 : #8aaad0 : +60
70 : #92afd3 : +62
72 : #99b5d6 : +64
74 : #a0bad9 : +66
76 : #a7bfdc : +68
78 : #afc4df : +70
80 : #b6cae2 : +72
82 : #bdcfe5 : +74
84 : #c5d4e8 : +76
86 : #ccdaeb : +78
88 : #d3dfee : +80
90 : #dbe4f0 : +82
92 : #e2eaf3 : +84
94 : #e9eff6 : +86
96 : #f0f4f9 : +88
98 : #f8fafc : +90
100 : #ffffff : +92
CSS入門、作ってます。
text-shadow