#ee58ad
RGB
| 赤 | 238 |
|---|---|
| 緑 | 88 |
| 青 | 173 |
HSL
| 色相 | 326° |
|---|---|
| 彩度 | 82% |
| 明度 | 64% |
| 輝度 | 56% |
３桁の色
補色
反転色
RGB ( 赤 = 238, 緑 = 88, 青 = 173 )
HSL ( 色相 = 326°, 彩度 = 82%, 明度 = 64% )
H : 色相 ( 326° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #ee6758 : -320
16 : #ee8058 : -310
26 : #ee9958 : -300
36 : #eeb258 : -290
46 : #eecb58 : -280
56 : #eee458 : -270
66 : #dfee58 : -260
76 : #c6ee58 : -250
86 : #adee58 : -240
96 : #94ee58 : -230
106 : #7bee58 : -220
116 : #62ee58 : -210
126 : #58ee67 : -200
136 : #58ee80 : -190
146 : #58ee99 : -180
156 : #58eeb2 : -170
166 : #58eecb : -160
176 : #58eee4 : -150
186 : #58dfee : -140
196 : #58c6ee : -130
206 : #58adee : -120
216 : #5894ee : -110
226 : #587bee : -100
236 : #5862ee : -90
246 : #6758ee : -80
256 : #8058ee : -70
266 : #9958ee : -60
276 : #b258ee : -50
286 : #cb58ee : -40
296 : #e458ee : -30
306 : #ee58df : -20
316 : #ee58c6 : -10
326 : #ee58ad : ±0
336 : #ee5894 : +10
346 : #ee587b : +20
356 : #ee5862 : +30
316 : #ee58c6 : -10
317 : #ee58c4 : -9
318 : #ee58c1 : -8
319 : #ee58bf : -7
320 : #ee58bc : -6
321 : #ee58ba : -5
322 : #ee58b7 : -4
323 : #ee58b5 : -3
324 : #ee58b2 : -2
325 : #ee58b0 : -1
326 : #ee58ad : ±0
327 : #ee58ab : +1
328 : #ee58a8 : +2
329 : #ee58a6 : +3
330 : #ee58a3 : +4
331 : #ee58a1 : +5
332 : #ee589e : +6
333 : #ee589c : +7
334 : #ee5899 : +8
335 : #ee5897 : +9
336 : #ee5894 : +10
S : 彩度 ( 82% )
(0%) 渋い ～ 鮮やか (100%)
0 : #a3a3a3 : -82
2 : #a5a1a3 : -80
4 : #a7a0a4 : -78
6 : #a99ea4 : -76
8 : #ab9ca4 : -74
10 : #ac9aa4 : -72
12 : #ae98a5 : -70
14 : #b096a5 : -68
16 : #b295a5 : -66
18 : #b493a5 : -64
20 : #b691a6 : -62
22 : #b78fa6 : -60
24 : #b98da6 : -58
26 : #bb8ba6 : -56
28 : #bd89a7 : -54
30 : #bf88a7 : -52
32 : #c186a7 : -50
34 : #c284a7 : -48
36 : #c482a8 : -46
38 : #c680a8 : -44
40 : #c87ea8 : -42
42 : #ca7da8 : -40
44 : #cc7ba9 : -38
46 : #cd79a9 : -36
48 : #cf77a9 : -34
50 : #d175a9 : -32
52 : #d373aa : -30
54 : #d572aa : -28
56 : #d770aa : -26
58 : #d86eaa : -24
60 : #da6cab : -22
62 : #dc6aab : -20
64 : #de68ab : -18
66 : #e067ab : -16
68 : #e265ac : -14
70 : #e363ac : -12
72 : #e561ac : -10
74 : #e75fac : -8
76 : #e95dad : -6
78 : #eb5cad : -4
80 : #ed5aad : -2
82 : #ee58ad : ±0
84 : #f056ad : +2
86 : #f254ae : +4
88 : #f452ae : +6
90 : #f651ae : +8
92 : #f84fae : +10
94 : #f94daf : +12
96 : #fb4baf : +14
98 : #fd49af : +16
100 : #ff47af : +18
L : 明度 ( 64% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -64
2 : #090106 : -62
4 : #13020b : -60
6 : #1c0311 : -58
8 : #250417 : -56
10 : #2e051c : -54
12 : #380622 : -52
14 : #410628 : -50
16 : #4a072d : -48
18 : #540833 : -46
20 : #5d0939 : -44
22 : #660a3e : -42
24 : #6f0b44 : -40
26 : #790c4a : -38
28 : #820d4f : -36
30 : #8b0e55 : -34
32 : #950f5b : -32
34 : #9e1060 : -30
36 : #a71166 : -28
38 : #b0116b : -26
40 : #ba1271 : -24
42 : #c31377 : -22
44 : #cc147c : -20
46 : #d51582 : -18
48 : #df1688 : -16
50 : #e8178d : -14
52 : #e92092 : -12
54 : #ea2a97 : -10
56 : #eb339b : -8
58 : #ec3ca0 : -6
60 : #ed45a4 : -4
62 : #ee4fa9 : -2
64 : #ee58ad : ±0
66 : #ef61b2 : +2
68 : #f06ab6 : +4
70 : #f174bb : +6
72 : #f27dbf : +8
74 : #f386c4 : +10
76 : #f490c8 : +12
78 : #f599cd : +14
80 : #f6a2d2 : +16
82 : #f7abd6 : +18
84 : #f8b5db : +20
86 : #f9bedf : +22
88 : #f9c7e4 : +24
90 : #fad1e8 : +26
92 : #fbdaed : +28
94 : #fce3f1 : +30
96 : #fdecf6 : +32
98 : #fef6fa : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow