#0c1755
RGB ( 赤 = 12, 緑 = 23, 青 = 85 )
HSL ( 色相 = 231°, 彩度 = 75%, 明度 = 19% )
H : 色相 ( 231° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #550d0c : -230
11 : #55190c : -220
21 : #55260c : -210
31 : #55320c : -200
41 : #553e0c : -190
51 : #554a0c : -180
61 : #54550c : -170
71 : #47550c : -160
81 : #3b550c : -150
91 : #2f550c : -140
101 : #23550c : -130
111 : #17550c : -120
121 : #0c550d : -110
131 : #0c5519 : -100
141 : #0c5526 : -90
151 : #0c5532 : -80
161 : #0c553e : -70
171 : #0c554a : -60
181 : #0c5455 : -50
191 : #0c4755 : -40
201 : #0c3b55 : -30
211 : #0c2f55 : -20
221 : #0c2355 : -10
231 : #0c1755 : ±0
241 : #0d0c55 : +10
251 : #190c55 : +20
261 : #260c55 : +30
271 : #320c55 : +40
281 : #3e0c55 : +50
291 : #4a0c55 : +60
301 : #550c54 : +70
311 : #550c47 : +80
321 : #550c3b : +90
331 : #550c2f : +100
341 : #550c23 : +110
351 : #550c17 : +120
221 : #0c2355 : -10
222 : #0c2255 : -9
223 : #0c2155 : -8
224 : #0c1f55 : -7
225 : #0c1e55 : -6
226 : #0c1d55 : -5
227 : #0c1c55 : -4
228 : #0c1b55 : -3
229 : #0c1955 : -2
230 : #0c1855 : -1
231 : #0c1755 : ±0
232 : #0c1655 : +1
233 : #0c1555 : +2
234 : #0c1355 : +3
235 : #0c1255 : +4
236 : #0c1155 : +5
237 : #0c1055 : +6
238 : #0c0f55 : +7
239 : #0c0d55 : +8
240 : #0c0c55 : +9
241 : #0d0c55 : +10
S : 彩度 ( 75% )
(0%) 渋い ~ 鮮やか (100%)
1 : #303031 : -74
3 : #2f2f32 : -72
5 : #2e2f33 : -70
7 : #2d2e34 : -68
9 : #2c2d35 : -66
11 : #2b2d36 : -64
13 : #2a2c37 : -62
15 : #292b38 : -60
17 : #282b39 : -58
19 : #272a3a : -56
21 : #26293b : -54
23 : #25293c : -52
25 : #24283d : -50
27 : #23273e : -48
29 : #22273f : -46
31 : #21263f : -44
33 : #202540 : -42
35 : #1f2541 : -40
37 : #1f2442 : -38
39 : #1e2343 : -36
41 : #1d2344 : -34
43 : #1c2245 : -32
45 : #1b2146 : -30
47 : #1a2147 : -28
49 : #192048 : -26
51 : #181f49 : -24
53 : #171e4a : -22
55 : #161e4b : -20
57 : #151d4c : -18
59 : #141c4d : -16
61 : #131c4e : -14
63 : #121b4f : -12
65 : #111a50 : -10
67 : #101a51 : -8
69 : #0f1952 : -6
71 : #0e1853 : -4
73 : #0d1854 : -2
75 : #0c1755 : ±0
77 : #0b1656 : +2
79 : #0a1657 : +4
81 : #091558 : +6
83 : #081459 : +8
85 : #07145a : +10
87 : #06135b : +12
89 : #05125c : +14
91 : #04125d : +16
93 : #03115e : +18
95 : #02105e : +20
97 : #01105f : +22
99 : #000f60 : +24
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #010104 : -18
3 : #02040d : -16
5 : #030616 : -14
7 : #04081f : -12
9 : #060b28 : -10
11 : #070d31 : -8
13 : #08103a : -6
15 : #0a1243 : -4
17 : #0b154c : -2
19 : #0c1755 : ±0
21 : #0d195e : +2
23 : #0f1c67 : +4
25 : #101e70 : +6
27 : #112178 : +8
29 : #122381 : +10
31 : #14268a : +12
33 : #152893 : +14
35 : #162a9c : +16
37 : #182da5 : +18
39 : #192fae : +20
41 : #1a32b7 : +22
43 : #1b34c0 : +24
45 : #1d37c9 : +26
47 : #1e39d2 : +28
49 : #1f3bdb : +30
51 : #2440e0 : +32
53 : #2d48e1 : +34
55 : #3650e2 : +36
57 : #3f58e4 : +38
59 : #4860e5 : +40
61 : #5167e6 : +42
63 : #5a6fe7 : +44
65 : #6377e9 : +46
67 : #6c7fea : +48
69 : #7586eb : +50
71 : #7e8eed : +52
73 : #8796ee : +54
75 : #8f9eef : +56
77 : #98a6f0 : +58
79 : #a1adf2 : +60
81 : #aab5f3 : +62
83 : #b3bdf4 : +64
85 : #bcc5f5 : +66
87 : #c5ccf7 : +68
89 : #ced4f8 : +70
91 : #d7dcf9 : +72
93 : #e0e4fb : +74
95 : #e9ecfc : +76
97 : #f2f3fd : +78
99 : #fbfbfe : +80
CSS入門、作ってます。
text-shadow