#e916d4
RGB
赤 | 233 |
---|---|
緑 | 22 |
青 | 212 |
HSL
色相 | 306° |
---|---|
彩度 | 83% |
明度 | 50% |
輝度 | 42% |
3桁の色
補色
反転色
RGB ( 赤 = 233, 緑 = 22, 青 = 212 )
HSL ( 色相 = 306°, 彩度 = 83%, 明度 = 50% )
H : 色相 ( 306° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #e92b16 : -300
16 : #e94e16 : -290
26 : #e97116 : -280
36 : #e99516 : -270
46 : #e9b816 : -260
56 : #e9db16 : -250
66 : #d4e916 : -240
76 : #b1e916 : -230
86 : #8ee916 : -220
96 : #6ae916 : -210
106 : #47e916 : -200
116 : #24e916 : -190
126 : #16e92b : -180
136 : #16e94e : -170
146 : #16e971 : -160
156 : #16e995 : -150
166 : #16e9b8 : -140
176 : #16e9db : -130
186 : #16d4e9 : -120
196 : #16b1e9 : -110
206 : #168ee9 : -100
216 : #166ae9 : -90
226 : #1647e9 : -80
236 : #1624e9 : -70
246 : #2b16e9 : -60
256 : #4e16e9 : -50
266 : #7116e9 : -40
276 : #9516e9 : -30
286 : #b816e9 : -20
296 : #db16e9 : -10
306 : #e916d4 : ±0
316 : #e916b1 : +10
326 : #e9168e : +20
336 : #e9166a : +30
346 : #e91647 : +40
356 : #e91624 : +50
296 : #db16e9 : -10
297 : #df16e9 : -9
298 : #e216e9 : -8
299 : #e616e9 : -7
300 : #e916e9 : -6
301 : #e916e6 : -5
302 : #e916e2 : -4
303 : #e916df : -3
304 : #e916db : -2
305 : #e916d8 : -1
306 : #e916d4 : ±0
307 : #e916d1 : +1
308 : #e916cd : +2
309 : #e916ca : +3
310 : #e916c6 : +4
311 : #e916c3 : +5
312 : #e916bf : +6
313 : #e916bb : +7
314 : #e916b8 : +8
315 : #e916b4 : +9
316 : #e916b1 : +10
S : 彩度 ( 83% )
(0%) 渋い ~ 鮮やか (100%)
1 : #817e81 : -82
3 : #837c83 : -80
5 : #867985 : -78
7 : #887787 : -76
9 : #8b7489 : -74
11 : #8e718b : -72
13 : #906f8d : -70
15 : #936c8f : -68
17 : #956a91 : -66
19 : #986793 : -64
21 : #9a6595 : -62
23 : #9d6297 : -60
25 : #9f6099 : -58
27 : #a25d9b : -56
29 : #a45b9d : -54
31 : #a7589f : -52
33 : #aa55a1 : -50
35 : #ac53a3 : -48
37 : #af50a5 : -46
39 : #b14ea7 : -44
41 : #b44ba9 : -42
43 : #b649ab : -40
45 : #b946ad : -38
47 : #bb44af : -36
49 : #be41b1 : -34
51 : #c13eb4 : -32
53 : #c33cb6 : -30
55 : #c639b8 : -28
57 : #c837ba : -26
59 : #cb34bc : -24
61 : #cd32be : -22
63 : #d02fc0 : -20
65 : #d22dc2 : -18
67 : #d52ac4 : -16
69 : #d728c6 : -14
71 : #da25c8 : -12
73 : #dd22ca : -10
75 : #df20cc : -8
77 : #e21dce : -6
79 : #e41bd0 : -4
81 : #e718d2 : -2
83 : #e916d4 : ±0
85 : #ec13d6 : +2
87 : #ee11d8 : +4
89 : #f10eda : +6
91 : #f40bdc : +8
93 : #f609de : +10
95 : #f906e0 : +12
97 : #fb04e2 : +14
99 : #fe01e4 : +16
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #090108 : -48
4 : #130211 : -46
6 : #1c0319 : -44
8 : #250322 : -42
10 : #2f042a : -40
12 : #380533 : -38
14 : #41063b : -36
16 : #4b0744 : -34
18 : #54084c : -32
20 : #5d0955 : -30
22 : #670a5d : -28
24 : #700a66 : -26
26 : #790b6e : -24
28 : #830c77 : -22
30 : #8c0d7f : -20
32 : #950e88 : -18
34 : #9f0f90 : -16
36 : #a81099 : -14
38 : #b110a1 : -12
40 : #bb11aa : -10
42 : #c412b2 : -8
44 : #cd13bb : -6
46 : #d714c3 : -4
48 : #e015cc : -2
50 : #e916d4 : ±0
52 : #ea1fd6 : +2
54 : #eb28d8 : +4
56 : #ec32d9 : +6
58 : #ed3bdb : +8
60 : #ee44dd : +10
62 : #ef4ede : +12
64 : #ef57e0 : +14
66 : #f060e2 : +16
68 : #f16ae4 : +18
70 : #f273e5 : +20
72 : #f37ce7 : +22
74 : #f486e9 : +24
76 : #f58fea : +26
78 : #f598ec : +28
80 : #f6a2ee : +30
82 : #f7abf0 : +32
84 : #f8b4f1 : +34
86 : #f9bef3 : +36
88 : #fac7f5 : +38
90 : #fbd0f6 : +40
92 : #fcdaf8 : +42
94 : #fce3fa : +44
96 : #fdecfc : +46
98 : #fef6fd : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow