#e94ec8
RGB
赤 | 233 |
---|---|
緑 | 78 |
青 | 200 |
HSL
色相 | 313° |
---|---|
彩度 | 78% |
明度 | 61% |
輝度 | 54% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 233, 緑 = 78, 青 = 200 )
HSL ( 色相 = 313°, 彩度 = 78%, 明度 = 61% )
H : 色相 ( 313° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #e9564e : -310
13 : #e9704e : -300
23 : #e9894e : -290
33 : #e9a34e : -280
43 : #e9bd4e : -270
53 : #e9d74e : -260
63 : #e1e94e : -250
73 : #c8e94e : -240
83 : #aee94e : -230
93 : #94e94e : -220
103 : #7ae94e : -210
113 : #60e94e : -200
123 : #4ee956 : -190
133 : #4ee970 : -180
143 : #4ee989 : -170
153 : #4ee9a3 : -160
163 : #4ee9bd : -150
173 : #4ee9d7 : -140
183 : #4ee1e9 : -130
193 : #4ec8e9 : -120
203 : #4eaee9 : -110
213 : #4e94e9 : -100
223 : #4e7ae9 : -90
233 : #4e60e9 : -80
243 : #564ee9 : -70
253 : #704ee9 : -60
263 : #894ee9 : -50
273 : #a34ee9 : -40
283 : #bd4ee9 : -30
293 : #d74ee9 : -20
303 : #e94ee1 : -10
313 : #e94ec8 : ±0
323 : #e94eae : +10
333 : #e94e94 : +20
343 : #e94e7a : +30
353 : #e94e60 : +40
303 : #e94ee1 : -10
304 : #e94edf : -9
305 : #e94edc : -8
306 : #e94eda : -7
307 : #e94ed7 : -6
308 : #e94ed4 : -5
309 : #e94ed2 : -4
310 : #e94ecf : -3
311 : #e94ecd : -2
312 : #e94eca : -1
313 : #e94ec8 : ±0
314 : #e94ec5 : +1
315 : #e94ec2 : +2
316 : #e94ec0 : +3
317 : #e94ebd : +4
318 : #e94ebb : +5
319 : #e94eb8 : +6
320 : #e94eb5 : +7
321 : #e94eb3 : +8
322 : #e94eb0 : +9
323 : #e94eae : +10
S : 彩度 ( 78% )
(0%) 渋い ~ 鮮やか (100%)
0 : #9b9b9b : -78
2 : #9e9a9d : -76
4 : #a0989e : -74
6 : #a2969f : -72
8 : #a494a0 : -70
10 : #a592a1 : -68
12 : #a790a2 : -66
14 : #a98ea3 : -64
16 : #ab8ca5 : -62
18 : #ad8aa6 : -60
20 : #af88a7 : -58
22 : #b186a8 : -56
24 : #b384a9 : -54
26 : #b582aa : -52
28 : #b780ab : -50
30 : #b97eac : -48
32 : #bb7cae : -46
34 : #bd7aaf : -44
36 : #bf78b0 : -42
38 : #c176b1 : -40
40 : #c374b2 : -38
42 : #c572b3 : -36
44 : #c770b4 : -34
46 : #c96eb5 : -32
48 : #cb6cb7 : -30
50 : #cd6ab8 : -28
52 : #cf68b9 : -26
54 : #d166ba : -24
56 : #d364bb : -22
58 : #d562bc : -20
60 : #d760bd : -18
62 : #d95ebe : -16
64 : #db5cc0 : -14
66 : #dd5ac1 : -12
68 : #df58c2 : -10
70 : #e156c3 : -8
72 : #e354c4 : -6
74 : #e552c5 : -4
76 : #e750c6 : -2
78 : #e94ec8 : ±0
80 : #eb4cc9 : +2
82 : #ed4aca : +4
84 : #ef48cb : +6
86 : #f146cc : +8
88 : #f344cd : +10
90 : #f542ce : +12
92 : #f740cf : +14
94 : #f93ed1 : +16
96 : #fb3cd2 : +18
98 : #fd3ad3 : +20
100 : #ff38d4 : +22
L : 明度 ( 61% )
(0%) 暗い ~ 明るい (100%)
1 : #050104 : -60
3 : #0e020b : -58
5 : #170312 : -56
7 : #20041a : -54
9 : #290521 : -52
11 : #320628 : -50
13 : #3b0730 : -48
15 : #440837 : -46
17 : #4d0a3f : -44
19 : #560b46 : -42
21 : #5f0c4d : -40
23 : #680d55 : -38
25 : #710e5c : -36
27 : #7b0f63 : -34
29 : #84106b : -32
31 : #8d1172 : -30
33 : #961379 : -28
35 : #9f1481 : -26
37 : #a81588 : -24
39 : #b1168f : -22
41 : #ba1797 : -20
43 : #c3189e : -18
45 : #cc19a5 : -16
47 : #d51aad : -14
49 : #de1bb4 : -12
51 : #e421b9 : -10
53 : #e52abc : -8
55 : #e633bf : -6
57 : #e73cc2 : -4
59 : #e845c5 : -2
61 : #e94ec8 : ±0
63 : #ea57ca : +2
65 : #eb60cd : +4
67 : #ec69d0 : +6
69 : #ee72d3 : +8
71 : #ef7bd6 : +10
73 : #f084d9 : +12
75 : #f18edb : +14
77 : #f297de : +16
79 : #f3a0e1 : +18
81 : #f4a9e4 : +20
83 : #f5b2e7 : +22
85 : #f7bbea : +24
87 : #f8c4ed : +26
89 : #f9cdef : +28
91 : #fad6f2 : +30
93 : #fbdff5 : +32
95 : #fce8f8 : +34
97 : #fdf1fb : +36
99 : #fefafe : +38
CSS入門、作ってます。
text-shadow