#ee77c8
RGB
| 赤 | 238 |
|---|---|
| 緑 | 119 |
| 青 | 200 |
HSL
| 色相 | 319° |
|---|---|
| 彩度 | 78% |
| 明度 | 70% |
| 輝度 | 64% |
３桁の色
補色
反転色
RGB ( 赤 = 238, 緑 = 119, 青 = 200 )
HSL ( 色相 = 319°, 彩度 = 78%, 明度 = 70% )
H : 色相 ( 319° )
(0°) 赤～黄～緑～青～紫 (359°)
9 : #ee8977 : -310
19 : #ee9d77 : -300
29 : #eeb177 : -290
39 : #eec477 : -280
49 : #eed877 : -270
59 : #eeec77 : -260
69 : #dcee77 : -250
79 : #c8ee77 : -240
89 : #b4ee77 : -230
99 : #a1ee77 : -220
109 : #8dee77 : -210
119 : #79ee77 : -200
129 : #77ee89 : -190
139 : #77ee9d : -180
149 : #77eeb1 : -170
159 : #77eec4 : -160
169 : #77eed8 : -150
179 : #77eeec : -140
189 : #77dcee : -130
199 : #77c8ee : -120
209 : #77b4ee : -110
219 : #77a1ee : -100
229 : #778dee : -90
239 : #7779ee : -80
249 : #8977ee : -70
259 : #9d77ee : -60
269 : #b177ee : -50
279 : #c477ee : -40
289 : #d877ee : -30
299 : #ec77ee : -20
309 : #ee77dc : -10
319 : #ee77c8 : ±0
329 : #ee77b4 : +10
339 : #ee77a1 : +20
349 : #ee778d : +30
359 : #ee7779 : +40
309 : #ee77dc : -10
310 : #ee77da : -9
311 : #ee77d8 : -8
312 : #ee77d6 : -7
313 : #ee77d4 : -6
314 : #ee77d2 : -5
315 : #ee77d0 : -4
316 : #ee77ce : -3
317 : #ee77cc : -2
318 : #ee77ca : -1
319 : #ee77c8 : ±0
320 : #ee77c6 : +1
321 : #ee77c4 : +2
322 : #ee77c2 : +3
323 : #ee77c0 : +4
324 : #ee77be : +5
325 : #ee77bc : +6
326 : #ee77ba : +7
327 : #ee77b8 : +8
328 : #ee77b6 : +9
329 : #ee77b4 : +10
S : 彩度 ( 78% )
(0%) 渋い ～ 鮮やか (100%)
0 : #b2b2b2 : -78
2 : #b4b1b3 : -76
4 : #b6afb4 : -74
6 : #b7aeb4 : -72
8 : #b9acb5 : -70
10 : #baabb5 : -68
12 : #bca9b6 : -66
14 : #bda8b6 : -64
16 : #bfa6b7 : -62
18 : #c0a5b8 : -60
20 : #c2a3b8 : -58
22 : #c3a2b9 : -56
24 : #c5a0b9 : -54
26 : #c69fba : -52
28 : #c89dba : -50
30 : #c99cbb : -48
32 : #cb9abb : -46
34 : #cd98bc : -44
36 : #ce97bd : -42
38 : #d095bd : -40
40 : #d194be : -38
42 : #d392be : -36
44 : #d491bf : -34
46 : #d68fbf : -32
48 : #d78ec0 : -30
50 : #d98cc1 : -28
52 : #da8bc1 : -26
54 : #dc89c2 : -24
56 : #dd88c2 : -22
58 : #df86c3 : -20
60 : #e085c3 : -18
62 : #e283c4 : -16
64 : #e382c4 : -14
66 : #e580c5 : -12
68 : #e77ec6 : -10
70 : #e87dc6 : -8
72 : #ea7bc7 : -6
74 : #eb7ac7 : -4
76 : #ed78c8 : -2
78 : #ee77c8 : ±0
80 : #f075c9 : +2
82 : #f174ca : +4
84 : #f372ca : +6
86 : #f471cb : +8
88 : #f66fcb : +10
90 : #f76ecc : +12
92 : #f96ccc : +14
94 : #fa6bcd : +16
96 : #fc69cd : +18
98 : #fd68ce : +20
100 : #ff66cf : +22
L : 明度 ( 70% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -70
2 : #090107 : -68
4 : #12020d : -66
6 : #1b0314 : -64
8 : #24041a : -62
10 : #2d0621 : -60
12 : #360727 : -58
14 : #40082e : -56
16 : #490934 : -54
18 : #520a3b : -52
20 : #5b0b42 : -50
22 : #640c48 : -48
24 : #6d0d4f : -46
26 : #760f55 : -44
28 : #7f105c : -42
30 : #881162 : -40
32 : #911269 : -38
34 : #9a136f : -36
36 : #a31476 : -34
38 : #ac157d : -32
40 : #b61683 : -30
42 : #bf188a : -28
44 : #c81990 : -26
46 : #d11a97 : -24
48 : #da1b9d : -22
50 : #e31ca4 : -20
52 : #e425a8 : -18
54 : #e52eab : -16
56 : #e637af : -14
58 : #e740b3 : -12
60 : #e949b6 : -10
62 : #ea53ba : -8
64 : #eb5cbd : -6
66 : #ec65c1 : -4
68 : #ed6ec5 : -2
70 : #ee77c8 : ±0
72 : #ef80cc : +2
74 : #f089d0 : +4
76 : #f292d3 : +6
78 : #f39bd7 : +8
80 : #f4a4db : +10
82 : #f5adde : +12
84 : #f6b6e2 : +14
86 : #f7bfe6 : +16
88 : #f8c9e9 : +18
90 : #f9d2ed : +20
92 : #fbdbf0 : +22
94 : #fce4f4 : +24
96 : #fdedf8 : +26
98 : #fef6fb : +28
100 : #ffffff : +30
CSS入門、作ってます。
text-shadow