#0c0150
RGB ( 赤 = 12, 緑 = 1, 青 = 80 )
HSL ( 色相 = 248°, 彩度 = 98%, 明度 = 16% )
H : 色相 ( 248° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #510b01 : -240
18 : #511901 : -230
28 : #512601 : -220
38 : #513301 : -210
48 : #514101 : -200
58 : #514e01 : -190
68 : #465101 : -180
78 : #395101 : -170
88 : #2b5101 : -160
98 : #1e5101 : -150
108 : #115101 : -140
118 : #035101 : -130
128 : #01510b : -120
138 : #015119 : -110
148 : #015126 : -100
158 : #015133 : -90
168 : #015141 : -80
178 : #01514e : -70
188 : #014651 : -60
198 : #013951 : -50
208 : #012b51 : -40
218 : #011e51 : -30
228 : #011151 : -20
238 : #010351 : -10
248 : #0b0151 : ±0
258 : #190151 : +10
268 : #260151 : +20
278 : #330151 : +30
288 : #410151 : +40
298 : #4e0151 : +50
308 : #510146 : +60
318 : #510139 : +70
328 : #51012b : +80
338 : #51011e : +90
348 : #510111 : +100
358 : #510103 : +110
238 : #010351 : -10
239 : #010251 : -9
240 : #010151 : -8
241 : #020151 : -7
242 : #030151 : -6
243 : #050151 : -5
244 : #060151 : -4
245 : #070151 : -3
246 : #090151 : -2
247 : #0a0151 : -1
248 : #0b0151 : ±0
249 : #0d0151 : +1
250 : #0e0151 : +2
251 : #0f0151 : +3
252 : #110151 : +4
253 : #120151 : +5
254 : #130151 : +6
255 : #150151 : +7
256 : #160151 : +8
257 : #170151 : +9
258 : #190151 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -98
2 : #28282a : -96
4 : #28272a : -94
6 : #27262b : -92
8 : #26262c : -90
10 : #26252d : -88
12 : #25242e : -86
14 : #25232f : -84
16 : #24222f : -82
18 : #232130 : -80
20 : #232131 : -78
22 : #222032 : -76
24 : #221f33 : -74
26 : #211e33 : -72
28 : #201d34 : -70
30 : #201d35 : -68
32 : #1f1c36 : -66
34 : #1f1b37 : -64
36 : #1e1a37 : -62
38 : #1d1938 : -60
40 : #1d1839 : -58
42 : #1c183a : -56
44 : #1c173b : -54
46 : #1b163c : -52
48 : #1a153c : -50
50 : #1a143d : -48
52 : #19143e : -46
54 : #19133f : -44
56 : #181240 : -42
58 : #171140 : -40
60 : #171041 : -38
62 : #161042 : -36
64 : #160f43 : -34
66 : #150e44 : -32
68 : #140d45 : -30
70 : #140c45 : -28
72 : #130b46 : -26
74 : #130b47 : -24
76 : #120a48 : -22
78 : #110949 : -20
80 : #110849 : -18
82 : #10074a : -16
84 : #10074b : -14
86 : #0f064c : -12
88 : #0e054d : -10
90 : #0e044e : -8
92 : #0d034e : -6
94 : #0d024f : -4
96 : #0c0250 : -2
98 : #0b0151 : ±0
100 : #0b0052 : +2
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #01000a : -14
4 : #030014 : -12
6 : #04001e : -10
8 : #060028 : -8
10 : #070132 : -6
12 : #09013d : -4
14 : #0a0147 : -2
16 : #0b0151 : ±0
18 : #0d015b : +2
20 : #0e0165 : +4
22 : #10016f : +6
24 : #110179 : +8
26 : #130183 : +10
28 : #14018d : +12
30 : #160297 : +14
32 : #1702a2 : +16
34 : #1802ac : +18
36 : #1a02b6 : +20
38 : #1b02c0 : +22
40 : #1d02ca : +24
42 : #1e02d4 : +26
44 : #2002de : +28
46 : #2102e8 : +30
48 : #2202f2 : +32
50 : #2403fc : +34
52 : #2d0dfd : +36
54 : #3517fd : +38
56 : #3e21fd : +40
58 : #472bfd : +42
60 : #5035fd : +44
62 : #583ffd : +46
64 : #6149fd : +48
66 : #6a53fd : +50
68 : #735dfd : +52
70 : #7c68fd : +54
72 : #8472fe : +56
74 : #8d7cfe : +58
76 : #9686fe : +60
78 : #9f90fe : +62
80 : #a79afe : +64
82 : #b0a4fe : +66
84 : #b9aefe : +68
86 : #c2b8fe : +70
88 : #cac2fe : +72
90 : #d3cdfe : +74
92 : #dcd7ff : +76
94 : #e5e1ff : +78
96 : #edebff : +80
98 : #f6f5ff : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow