#270f34
RGB ( 赤 = 39, 緑 = 15, 青 = 52 )
HSL ( 色相 = 279°, 彩度 = 55%, 明度 = 13% )
H : 色相 ( 279° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #33140f : -270
19 : #331a0f : -260
29 : #33210f : -250
39 : #33270f : -240
49 : #332d0f : -230
59 : #33330f : -220
69 : #2e330f : -210
79 : #28330f : -200
89 : #22330f : -190
99 : #1c330f : -180
109 : #16330f : -170
119 : #10330f : -160
129 : #0f3314 : -150
139 : #0f331a : -140
149 : #0f3321 : -130
159 : #0f3327 : -120
169 : #0f332d : -110
179 : #0f3333 : -100
189 : #0f2e33 : -90
199 : #0f2833 : -80
209 : #0f2233 : -70
219 : #0f1c33 : -60
229 : #0f1633 : -50
239 : #0f1033 : -40
249 : #140f33 : -30
259 : #1a0f33 : -20
269 : #210f33 : -10
279 : #270f33 : ±0
289 : #2d0f33 : +10
299 : #330f33 : +20
309 : #330f2e : +30
319 : #330f28 : +40
329 : #330f22 : +50
339 : #330f1c : +60
349 : #330f16 : +70
359 : #330f10 : +80
269 : #210f33 : -10
270 : #210f33 : -9
271 : #220f33 : -8
272 : #220f33 : -7
273 : #230f33 : -6
274 : #240f33 : -5
275 : #240f33 : -4
276 : #250f33 : -3
277 : #250f33 : -2
278 : #260f33 : -1
279 : #270f33 : ±0
280 : #270f33 : +1
281 : #280f33 : +2
282 : #280f33 : +3
283 : #290f33 : +4
284 : #2a0f33 : +5
285 : #2a0f33 : +6
286 : #2b0f33 : +7
287 : #2b0f33 : +8
288 : #2c0f33 : +9
289 : #2d0f33 : +10
S : 彩度 ( 55% )
(0%) 渋い ~ 鮮やか (100%)
1 : #212121 : -54
3 : #212022 : -52
5 : #221f23 : -50
7 : #221f23 : -48
9 : #221e24 : -46
11 : #221e25 : -44
13 : #221d25 : -42
15 : #231c26 : -40
17 : #231c27 : -38
19 : #231b27 : -36
21 : #231a28 : -34
23 : #231a29 : -32
25 : #241929 : -30
27 : #24182a : -28
29 : #24182b : -26
31 : #24172b : -24
33 : #24162c : -22
35 : #25162d : -20
37 : #25152d : -18
39 : #25142e : -16
41 : #25142f : -14
43 : #25132f : -12
45 : #261230 : -10
47 : #261231 : -8
49 : #261131 : -6
51 : #261032 : -4
53 : #261033 : -2
55 : #270f33 : ±0
57 : #270e34 : +2
59 : #270e35 : +4
61 : #270d35 : +6
63 : #270c36 : +8
65 : #280c37 : +10
67 : #280b37 : +12
69 : #280a38 : +14
71 : #280a39 : +16
73 : #280939 : +18
75 : #29083a : +20
77 : #29083b : +22
79 : #29073b : +24
81 : #29063c : +26
83 : #29063d : +28
85 : #2a053d : +30
87 : #2a043e : +32
89 : #2a043f : +34
91 : #2a033f : +36
93 : #2a0240 : +38
95 : #2b0241 : +40
97 : #2b0141 : +42
99 : #2b0042 : +44
L : 明度 ( 13% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -12
3 : #09030c : -10
5 : #0f0614 : -8
7 : #15081c : -6
9 : #1b0a24 : -4
11 : #210d2b : -2
13 : #270f33 : ±0
15 : #2d113b : +2
17 : #331443 : +4
19 : #38164b : +6
21 : #3e1853 : +8
23 : #441a5b : +10
25 : #4a1d63 : +12
27 : #501f6b : +14
29 : #562173 : +16
31 : #5c247b : +18
33 : #622682 : +20
35 : #68288a : +22
37 : #6e2a92 : +24
39 : #742d9a : +26
41 : #7a2fa2 : +28
43 : #8031aa : +30
45 : #8634b2 : +32
47 : #8c36ba : +34
49 : #9238c2 : +36
51 : #973dc7 : +38
53 : #9b45c9 : +40
55 : #9f4dcb : +42
57 : #a355ce : +44
59 : #a85dd0 : +46
61 : #ac65d2 : +48
63 : #b06dd5 : +50
65 : #b475d7 : +52
67 : #b97dd9 : +54
69 : #bd84db : +56
71 : #c18cde : +58
73 : #c694e0 : +60
75 : #ca9ce2 : +62
77 : #cea4e5 : +64
79 : #d2ace7 : +66
81 : #d7b4e9 : +68
83 : #dbbceb : +70
85 : #dfc4ee : +72
87 : #e3ccf0 : +74
89 : #e8d4f2 : +76
91 : #ecdbf5 : +78
93 : #f0e3f7 : +80
95 : #f4ebf9 : +82
97 : #f9f3fc : +84
99 : #fdfbfe : +86
CSS入門、作ってます。
text-shadow