#d62ea9
RGB
赤 | 214 |
---|---|
緑 | 46 |
青 | 169 |
HSL
色相 | 316° |
---|---|
彩度 | 67% |
明度 | 51% |
輝度 | 43% |
3桁の色
補色
反転色
RGB ( 赤 = 214, 緑 = 46, 青 = 169 )
HSL ( 色相 = 316°, 彩度 = 67%, 明度 = 51% )
H : 色相 ( 316° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #d63f2e : -310
16 : #d65b2e : -300
26 : #d6772e : -290
36 : #d6932e : -280
46 : #d6af2e : -270
56 : #d6cb2e : -260
66 : #c5d62e : -250
76 : #a9d62e : -240
86 : #8dd62e : -230
96 : #71d62e : -220
106 : #55d62e : -210
116 : #39d62e : -200
126 : #2ed63f : -190
136 : #2ed65b : -180
146 : #2ed677 : -170
156 : #2ed693 : -160
166 : #2ed6af : -150
176 : #2ed6cb : -140
186 : #2ec5d6 : -130
196 : #2ea9d6 : -120
206 : #2e8dd6 : -110
216 : #2e71d6 : -100
226 : #2e55d6 : -90
236 : #2e39d6 : -80
246 : #3f2ed6 : -70
256 : #5b2ed6 : -60
266 : #772ed6 : -50
276 : #932ed6 : -40
286 : #af2ed6 : -30
296 : #cb2ed6 : -20
306 : #d62ec5 : -10
316 : #d62ea9 : ±0
326 : #d62e8d : +10
336 : #d62e71 : +20
346 : #d62e55 : +30
356 : #d62e39 : +40
306 : #d62ec5 : -10
307 : #d62ec2 : -9
308 : #d62ebf : -8
309 : #d62ebd : -7
310 : #d62eba : -6
311 : #d62eb7 : -5
312 : #d62eb4 : -4
313 : #d62eb1 : -3
314 : #d62eaf : -2
315 : #d62eac : -1
316 : #d62ea9 : ±0
317 : #d62ea6 : +1
318 : #d62ea4 : +2
319 : #d62ea1 : +3
320 : #d62e9e : +4
321 : #d62e9b : +5
322 : #d62e98 : +6
323 : #d62e96 : +7
324 : #d62e93 : +8
325 : #d62e90 : +9
326 : #d62e8d : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #838183 : -66
3 : #867e84 : -64
5 : #887c85 : -62
7 : #8b7986 : -60
9 : #8d7787 : -58
11 : #907488 : -56
13 : #92728a : -54
15 : #956f8b : -52
17 : #976d8c : -50
19 : #9a6a8d : -48
21 : #9c688e : -46
23 : #9f658f : -44
25 : #a16391 : -42
27 : #a46092 : -40
29 : #a65e93 : -38
31 : #a95b94 : -36
33 : #ab5995 : -34
35 : #ae5696 : -32
37 : #b05498 : -30
39 : #b35199 : -28
41 : #b54f9a : -26
43 : #b84c9b : -24
45 : #ba4a9c : -22
47 : #bd479d : -20
49 : #bf459f : -18
51 : #c242a0 : -16
53 : #c440a1 : -14
55 : #c73da2 : -12
57 : #c93ba3 : -10
59 : #cc38a4 : -8
61 : #ce36a6 : -6
63 : #d133a7 : -4
65 : #d331a8 : -2
67 : #d62ea9 : ±0
69 : #d82caa : +2
71 : #db29ab : +4
73 : #dd27ad : +6
75 : #e024ae : +8
77 : #e222af : +10
79 : #e51fb0 : +12
81 : #e71db1 : +14
83 : #ea1ab2 : +16
85 : #ec18b4 : +18
87 : #ef15b5 : +20
89 : #f113b6 : +22
91 : #f410b7 : +24
93 : #f60eb8 : +26
95 : #f90bb9 : +28
97 : #fb09bb : +30
99 : #fe06bc : +32
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -50
3 : #0d030a : -48
5 : #150411 : -46
7 : #1e0617 : -44
9 : #26081e : -42
11 : #2f0925 : -40
13 : #370b2c : -38
15 : #400d32 : -36
17 : #480e39 : -34
19 : #511040 : -32
21 : #591246 : -30
23 : #62134d : -28
25 : #6a1554 : -26
27 : #73175a : -24
29 : #7b1861 : -22
31 : #841a68 : -20
33 : #8d1c6e : -18
35 : #951d75 : -16
37 : #9e1f7c : -14
39 : #a62183 : -12
41 : #af2389 : -10
43 : #b72490 : -8
45 : #c02697 : -6
47 : #c8289d : -4
49 : #d129a4 : -2
51 : #d62ea9 : ±0
53 : #d737ad : +2
55 : #d93fb0 : +4
57 : #db48b4 : +6
59 : #dc50b7 : +8
61 : #de59bb : +10
63 : #e061be : +12
65 : #e26ac2 : +14
67 : #e372c5 : +16
69 : #e57bc9 : +18
71 : #e784cc : +20
73 : #e88cd0 : +22
75 : #ea95d3 : +24
77 : #ec9dd7 : +26
79 : #eda6da : +28
81 : #efaede : +30
83 : #f1b7e1 : +32
85 : #f2bfe5 : +34
87 : #f4c8e8 : +36
89 : #f6d0ec : +38
91 : #f7d9ef : +40
93 : #f9e1f3 : +42
95 : #fbeaf6 : +44
97 : #fcf2fa : +46
99 : #fefbfd : +48
CSS入門、作ってます。
text-shadow