#e37dc6
RGB
赤 | 227 |
---|---|
緑 | 125 |
青 | 198 |
HSL
色相 | 317° |
---|---|
彩度 | 65% |
明度 | 69% |
輝度 | 64% |
3桁の色
補色
反転色
RGB ( 赤 = 227, 緑 = 125, 青 = 198 )
HSL ( 色相 = 317°, 彩度 = 65%, 明度 = 69% )
H : 色相 ( 317° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #e3897d : -310
17 : #e39a7d : -300
27 : #e3ab7d : -290
37 : #e3bc7d : -280
47 : #e3cd7d : -270
57 : #e3de7d : -260
67 : #d7e37d : -250
77 : #c6e37d : -240
87 : #b5e37d : -230
97 : #a4e37d : -220
107 : #93e37d : -210
117 : #82e37d : -200
127 : #7de389 : -190
137 : #7de39a : -180
147 : #7de3ab : -170
157 : #7de3bc : -160
167 : #7de3cd : -150
177 : #7de3de : -140
187 : #7dd7e3 : -130
197 : #7dc6e3 : -120
207 : #7db5e3 : -110
217 : #7da4e3 : -100
227 : #7d93e3 : -90
237 : #7d82e3 : -80
247 : #897de3 : -70
257 : #9a7de3 : -60
267 : #ab7de3 : -50
277 : #bc7de3 : -40
287 : #cd7de3 : -30
297 : #de7de3 : -20
307 : #e37dd7 : -10
317 : #e37dc6 : ±0
327 : #e37db5 : +10
337 : #e37da4 : +20
347 : #e37d93 : +30
357 : #e37d82 : +40
307 : #e37dd7 : -10
308 : #e37dd6 : -9
309 : #e37dd4 : -8
310 : #e37dd2 : -7
311 : #e37dd0 : -6
312 : #e37dcf : -5
313 : #e37dcd : -4
314 : #e37dcb : -3
315 : #e37dca : -2
316 : #e37dc8 : -1
317 : #e37dc6 : ±0
318 : #e37dc5 : +1
319 : #e37dc3 : +2
320 : #e37dc1 : +3
321 : #e37dbf : +4
322 : #e37dbe : +5
323 : #e37dbc : +6
324 : #e37dba : +7
325 : #e37db9 : +8
326 : #e37db7 : +9
327 : #e37db5 : +10
S : 彩度 ( 65% )
(0%) 渋い ~ 鮮やか (100%)
1 : #b1afb0 : -64
3 : #b2aeb1 : -62
5 : #b4acb2 : -60
7 : #b5aab2 : -58
9 : #b7a9b3 : -56
11 : #b9a7b4 : -54
13 : #baa6b4 : -52
15 : #bca4b5 : -50
17 : #bda3b6 : -48
19 : #bfa1b6 : -46
21 : #c19fb7 : -44
23 : #c29eb8 : -42
25 : #c49cb9 : -40
27 : #c59bb9 : -38
29 : #c799ba : -36
31 : #c897bb : -34
33 : #ca96bb : -32
35 : #cc94bc : -30
37 : #cd93bd : -28
39 : #cf91bd : -26
41 : #d090be : -24
43 : #d28ebf : -22
45 : #d48cbf : -20
47 : #d58bc0 : -18
49 : #d789c1 : -16
51 : #d888c1 : -14
53 : #da86c2 : -12
55 : #db84c3 : -10
57 : #dd83c3 : -8
59 : #df81c4 : -6
61 : #e080c5 : -4
63 : #e27ec6 : -2
65 : #e37dc6 : ±0
67 : #e57bc7 : +2
69 : #e679c8 : +4
71 : #e878c8 : +6
73 : #ea76c9 : +8
75 : #eb75ca : +10
77 : #ed73ca : +12
79 : #ee72cb : +14
81 : #f070cc : +16
83 : #f26ecc : +18
85 : #f36dcd : +20
87 : #f56bce : +22
89 : #f66ace : +24
91 : #f868cf : +26
93 : #f966d0 : +28
95 : #fb65d0 : +30
97 : #fd63d1 : +32
99 : #fe62d2 : +34
L : 明度 ( 69% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -68
3 : #0d030a : -66
5 : #150410 : -64
7 : #1d0617 : -62
9 : #26081d : -60
11 : #2e0a24 : -58
13 : #370c2a : -56
15 : #3f0d31 : -54
17 : #480f38 : -52
19 : #50113e : -50
21 : #581345 : -48
23 : #61154b : -46
25 : #691652 : -44
27 : #721858 : -42
29 : #7a1a5f : -40
31 : #821c65 : -38
33 : #8b1d6c : -36
35 : #931f72 : -34
37 : #9c2179 : -32
39 : #a4237f : -30
41 : #ad2586 : -28
43 : #b5268d : -26
45 : #bd2893 : -24
47 : #c62a9a : -22
49 : #ce2ca0 : -20
51 : #d331a5 : -18
53 : #d539a9 : -16
55 : #d742ad : -14
57 : #d94ab0 : -12
59 : #da52b4 : -10
61 : #dc5bb8 : -8
63 : #de63bb : -6
65 : #e06cbf : -4
67 : #e274c3 : -2
69 : #e37dc6 : ±0
71 : #e585ca : +2
73 : #e78dce : +4
75 : #e996d1 : +6
77 : #ea9ed5 : +8
79 : #eca7d9 : +10
81 : #eeafdc : +12
83 : #f0b7e0 : +14
85 : #f2c0e4 : +16
87 : #f3c8e7 : +18
89 : #f5d1eb : +20
91 : #f7d9ef : +22
93 : #f9e2f2 : +24
95 : #fbeaf6 : +26
97 : #fcf2fa : +28
99 : #fefbfd : +30
CSS入門、作ってます。
text-shadow