#270c41
RGB ( 赤 = 39, 緑 = 12, 青 = 65 )
HSL ( 色相 = 271°, 彩度 = 69%, 明度 = 15% )
H : 色相 ( 271° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #410d0c : -270
11 : #41160c : -260
21 : #411e0c : -250
31 : #41270c : -240
41 : #41300c : -230
51 : #41390c : -220
61 : #40410c : -210
71 : #37410c : -200
81 : #2e410c : -190
91 : #25410c : -180
101 : #1d410c : -170
111 : #14410c : -160
121 : #0c410d : -150
131 : #0c4116 : -140
141 : #0c411e : -130
151 : #0c4127 : -120
161 : #0c4130 : -110
171 : #0c4139 : -100
181 : #0c4041 : -90
191 : #0c3741 : -80
201 : #0c2e41 : -70
211 : #0c2541 : -60
221 : #0c1d41 : -50
231 : #0c1441 : -40
241 : #0d0c41 : -30
251 : #160c41 : -20
261 : #1e0c41 : -10
271 : #270c41 : ±0
281 : #300c41 : +10
291 : #390c41 : +20
301 : #410c40 : +30
311 : #410c37 : +40
321 : #410c2e : +50
331 : #410c25 : +60
341 : #410c1d : +70
351 : #410c14 : +80
261 : #1e0c41 : -10
262 : #1f0c41 : -9
263 : #200c41 : -8
264 : #210c41 : -7
265 : #220c41 : -6
266 : #230c41 : -5
267 : #240c41 : -4
268 : #240c41 : -3
269 : #250c41 : -2
270 : #260c41 : -1
271 : #270c41 : ±0
272 : #280c41 : +1
273 : #290c41 : +2
274 : #2a0c41 : +3
275 : #2b0c41 : +4
276 : #2c0c41 : +5
277 : #2c0c41 : +6
278 : #2d0c41 : +7
279 : #2e0c41 : +8
280 : #2f0c41 : +9
281 : #300c41 : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #262627 : -68
3 : #262527 : -66
5 : #262428 : -64
7 : #262429 : -62
9 : #26232a : -60
11 : #26222a : -58
13 : #26212b : -56
15 : #26212c : -54
17 : #26202d : -52
19 : #261f2e : -50
21 : #271e2e : -48
23 : #271d2f : -46
25 : #271d30 : -44
27 : #271c31 : -42
29 : #271b31 : -40
31 : #271a32 : -38
33 : #271a33 : -36
35 : #271934 : -34
37 : #271834 : -32
39 : #271735 : -30
41 : #271736 : -28
43 : #271637 : -26
45 : #271537 : -24
47 : #271438 : -22
49 : #271439 : -20
51 : #27133a : -18
53 : #27123b : -16
55 : #27113b : -14
57 : #27103c : -12
59 : #27103d : -10
61 : #270f3e : -8
63 : #270e3e : -6
65 : #270d3f : -4
67 : #270d40 : -2
69 : #270c41 : ±0
71 : #270b41 : +2
73 : #270a42 : +4
75 : #270a43 : +6
77 : #270944 : +8
79 : #270844 : +10
81 : #270745 : +12
83 : #270746 : +14
85 : #270647 : +16
87 : #270548 : +18
89 : #270448 : +20
91 : #270349 : +22
93 : #27034a : +24
95 : #27024b : +26
97 : #27014b : +28
99 : #28004c : +30
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -14
3 : #08020d : -12
5 : #0d0416 : -10
7 : #12061e : -8
9 : #170727 : -6
11 : #1d092f : -4
13 : #220a38 : -2
15 : #270c41 : ±0
17 : #2c0d49 : +2
19 : #320f52 : +4
21 : #37115a : +6
23 : #3c1263 : +8
25 : #41146c : +10
27 : #461574 : +12
29 : #4c177d : +14
31 : #511986 : +16
33 : #561a8e : +18
35 : #5b1c97 : +20
37 : #611d9f : +22
39 : #661fa8 : +24
41 : #6b20b1 : +26
43 : #7022b9 : +28
45 : #7524c2 : +30
47 : #7b25cb : +32
49 : #8027d3 : +34
51 : #852cd8 : +36
53 : #8a34da : +38
55 : #8f3ddb : +40
57 : #9446dd : +42
59 : #994edf : +44
61 : #9e57e0 : +46
63 : #a360e2 : +48
65 : #a868e3 : +50
67 : #ad71e5 : +52
69 : #b279e6 : +54
71 : #b782e8 : +56
73 : #bc8bea : +58
75 : #c193eb : +60
77 : #c69ced : +62
79 : #cba5ee : +64
81 : #d0adf0 : +66
83 : #d5b6f2 : +68
85 : #dabef3 : +70
87 : #dfc7f5 : +72
89 : #e4d0f6 : +74
91 : #e9d8f8 : +76
93 : #eee1f9 : +78
95 : #f3e9fb : +80
97 : #f8f2fd : +82
99 : #fdfbfe : +84
CSS入門、作ってます。
text-shadow