#0c0255
RGB ( 赤 = 12, 緑 = 2, 青 = 85 )
HSL ( 色相 = 247°, 彩度 = 95%, 明度 = 17% )
H : 色相 ( 247° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #550c02 : -240
17 : #551a02 : -230
27 : #552702 : -220
37 : #553502 : -210
47 : #554302 : -200
57 : #555002 : -190
67 : #4b5502 : -180
77 : #3d5502 : -170
87 : #2f5502 : -160
97 : #225502 : -150
107 : #145502 : -140
117 : #065502 : -130
127 : #02550c : -120
137 : #02551a : -110
147 : #025527 : -100
157 : #025535 : -90
167 : #025543 : -80
177 : #025550 : -70
187 : #024b55 : -60
197 : #023d55 : -50
207 : #022f55 : -40
217 : #022255 : -30
227 : #021455 : -20
237 : #020655 : -10
247 : #0c0255 : ±0
257 : #1a0255 : +10
267 : #270255 : +20
277 : #350255 : +30
287 : #430255 : +40
297 : #500255 : +50
307 : #55024b : +60
317 : #55023d : +70
327 : #55022f : +80
337 : #550222 : +90
347 : #550214 : +100
357 : #550206 : +110
237 : #020655 : -10
238 : #020555 : -9
239 : #020455 : -8
240 : #020255 : -7
241 : #040255 : -6
242 : #050255 : -5
243 : #060255 : -4
244 : #080255 : -3
245 : #090255 : -2
246 : #0a0255 : -1
247 : #0c0255 : ±0
248 : #0d0255 : +1
249 : #0f0255 : +2
250 : #100255 : +3
251 : #110255 : +4
252 : #130255 : +5
253 : #140255 : +6
254 : #150255 : +7
255 : #170255 : +8
256 : #180255 : +9
257 : #1a0255 : +10
S : 彩度 ( 95% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2b2b2c : -94
3 : #2a2a2d : -92
5 : #2a292e : -90
7 : #29282e : -88
9 : #28272f : -86
11 : #282730 : -84
13 : #272631 : -82
15 : #262532 : -80
17 : #262433 : -78
19 : #252334 : -76
21 : #242234 : -74
23 : #242135 : -72
25 : #232136 : -70
27 : #222037 : -68
29 : #221f38 : -66
31 : #211e39 : -64
33 : #201d3a : -62
35 : #201c3b : -60
37 : #1f1b3b : -58
39 : #1e1a3c : -56
41 : #1e1a3d : -54
43 : #1d193e : -52
45 : #1c183f : -50
47 : #1c1740 : -48
49 : #1b1641 : -46
51 : #1a1541 : -44
53 : #1a1442 : -42
55 : #191443 : -40
57 : #181344 : -38
59 : #181245 : -36
61 : #171146 : -34
63 : #161047 : -32
65 : #160f48 : -30
67 : #150e48 : -28
69 : #140d49 : -26
71 : #140d4a : -24
73 : #130c4b : -22
75 : #120b4c : -20
77 : #120a4d : -18
79 : #11094e : -16
81 : #10084e : -14
83 : #10074f : -12
85 : #0f0750 : -10
87 : #0e0651 : -8
89 : #0e0552 : -6
91 : #0d0453 : -4
93 : #0c0354 : -2
95 : #0c0255 : ±0
97 : #0b0155 : +2
99 : #0a0056 : +4
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #010005 : -16
3 : #02000f : -14
5 : #030119 : -12
7 : #050123 : -10
9 : #06012d : -8
11 : #080137 : -6
13 : #090241 : -4
15 : #0a024b : -2
17 : #0c0255 : ±0
19 : #0d025e : +2
21 : #0f0368 : +4
23 : #100372 : +6
25 : #11037c : +8
27 : #130386 : +10
29 : #140490 : +12
31 : #15049a : +14
33 : #1704a4 : +16
35 : #1804ae : +18
37 : #1a05b8 : +20
39 : #1b05c2 : +22
41 : #1c05cc : +24
43 : #1e05d6 : +26
45 : #1f06e0 : +28
47 : #2106ea : +30
49 : #2206f4 : +32
51 : #270bf9 : +34
53 : #3015f9 : +36
55 : #391ff9 : +38
57 : #4129fa : +40
59 : #4a33fa : +42
61 : #533dfa : +44
63 : #5c47fa : +46
65 : #6551fb : +48
67 : #6e5bfb : +50
69 : #7665fb : +52
71 : #7f6ffb : +54
73 : #8879fc : +56
75 : #9183fc : +58
77 : #9a8dfc : +60
79 : #a297fc : +62
81 : #aba1fd : +64
83 : #b4aafd : +66
85 : #bdb4fd : +68
87 : #c6befd : +70
89 : #cfc8fe : +72
91 : #d7d2fe : +74
93 : #e0dcfe : +76
95 : #e9e6fe : +78
97 : #f2f0ff : +80
99 : #fbfaff : +82
CSS入門、作ってます。
text-shadow