#ce278e
RGB
| 赤 | 206 |
|---|---|
| 緑 | 39 |
| 青 | 142 |
HSL
| 色相 | 323° |
|---|---|
| 彩度 | 68% |
| 明度 | 48% |
| 輝度 | 39% |
３桁の色
補色
反転色
RGB ( 赤 = 206, 緑 = 39, 青 = 142 )
HSL ( 色相 = 323°, 彩度 = 68%, 明度 = 48% )
H : 色相 ( 323° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #ce2f27 : -320
13 : #ce4b27 : -310
23 : #ce6727 : -300
33 : #ce8327 : -290
43 : #ce9e27 : -280
53 : #ceba27 : -270
63 : #c5ce27 : -260
73 : #aace27 : -250
83 : #8ece27 : -240
93 : #72ce27 : -230
103 : #56ce27 : -220
113 : #3bce27 : -210
123 : #27ce2f : -200
133 : #27ce4b : -190
143 : #27ce67 : -180
153 : #27ce83 : -170
163 : #27ce9e : -160
173 : #27ceba : -150
183 : #27c5ce : -140
193 : #27aace : -130
203 : #278ece : -120
213 : #2772ce : -110
223 : #2756ce : -100
233 : #273bce : -90
243 : #2f27ce : -80
253 : #4b27ce : -70
263 : #6727ce : -60
273 : #8327ce : -50
283 : #9e27ce : -40
293 : #ba27ce : -30
303 : #ce27c5 : -20
313 : #ce27aa : -10
323 : #ce278e : ±0
333 : #ce2772 : +10
343 : #ce2756 : +20
353 : #ce273b : +30
313 : #ce27aa : -10
314 : #ce27a7 : -9
315 : #ce27a4 : -8
316 : #ce27a1 : -7
317 : #ce279e : -6
318 : #ce279c : -5
319 : #ce2799 : -4
320 : #ce2796 : -3
321 : #ce2793 : -2
322 : #ce2791 : -1
323 : #ce278e : ±0
324 : #ce278b : +1
325 : #ce2788 : +2
326 : #ce2785 : +3
327 : #ce2783 : +4
328 : #ce2780 : +5
329 : #ce277d : +6
330 : #ce277a : +7
331 : #ce2778 : +8
332 : #ce2775 : +9
333 : #ce2772 : +10
S : 彩度 ( 68% )
(0%) 渋い ～ 鮮やか (100%)
0 : #7a7a7a : -68
2 : #7d787b : -66
4 : #7f767c : -64
6 : #82737c : -62
8 : #84717d : -60
10 : #876e7d : -58
12 : #896c7e : -56
14 : #8c697e : -54
16 : #8e677f : -52
18 : #906480 : -50
20 : #936280 : -48
22 : #955f81 : -46
24 : #985d81 : -44
26 : #9a5b82 : -42
28 : #9d5882 : -40
30 : #9f5683 : -38
32 : #a25384 : -36
34 : #a45184 : -34
36 : #a64e85 : -32
38 : #a94c85 : -30
40 : #ab4986 : -28
42 : #ae4786 : -26
44 : #b04587 : -24
46 : #b34288 : -22
48 : #b54088 : -20
50 : #b83d89 : -18
52 : #ba3b89 : -16
54 : #bc388a : -14
56 : #bf368a : -12
58 : #c1338b : -10
60 : #c4318c : -8
62 : #c62f8c : -6
64 : #c92c8d : -4
66 : #cb2a8d : -2
68 : #ce278e : ±0
70 : #d0258e : +2
72 : #d3228f : +4
74 : #d52090 : +6
76 : #d71d90 : +8
78 : #da1b91 : +10
80 : #dc1891 : +12
82 : #df1692 : +14
84 : #e11492 : +16
86 : #e41193 : +18
88 : #e60f94 : +20
90 : #e90c94 : +22
92 : #eb0a95 : +24
94 : #ed0795 : +26
96 : #f00596 : +28
98 : #f20296 : +30
100 : #f50097 : +32
L : 明度 ( 48% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -48
2 : #090206 : -46
4 : #11030c : -44
6 : #1a0512 : -42
8 : #220718 : -40
10 : #2b081e : -38
12 : #330a23 : -36
14 : #3c0b29 : -34
16 : #450d2f : -32
18 : #4d0f35 : -30
20 : #56103b : -28
22 : #5e1241 : -26
24 : #671447 : -24
26 : #6f154d : -22
28 : #781753 : -20
30 : #811859 : -18
32 : #891a5f : -16
34 : #921c64 : -14
36 : #9a1d6a : -12
38 : #a31f70 : -10
40 : #ab2176 : -8
42 : #b4227c : -6
44 : #bc2482 : -4
46 : #c52688 : -2
48 : #ce278e : ±0
50 : #d62994 : +2
52 : #d83198 : +4
54 : #d93a9c : +6
56 : #db43a1 : +8
58 : #dd4ba5 : +10
60 : #de54a9 : +12
62 : #e05cad : +14
64 : #e265b2 : +16
66 : #e36db6 : +18
68 : #e576ba : +20
70 : #e77ebf : +22
72 : #e887c3 : +24
74 : #ea90c7 : +26
76 : #eb98cc : +28
78 : #eda1d0 : +30
80 : #efa9d4 : +32
82 : #f0b2d8 : +34
84 : #f2badd : +36
86 : #f4c3e1 : +38
88 : #f5cce5 : +40
90 : #f7d4ea : +42
92 : #f8ddee : +44
94 : #fae5f2 : +46
96 : #fceef6 : +48
98 : #fdf6fb : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow