#8c05ad
RGB
赤 | 140 |
---|---|
緑 | 5 |
青 | 173 |
HSL
色相 | 288° |
---|---|
彩度 | 94% |
明度 | 35% |
輝度 | 25% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 140, 緑 = 5, 青 = 173 )
HSL ( 色相 = 288°, 彩度 = 94%, 明度 = 35% )
H : 色相 ( 288° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #ad1c05 : -280
18 : #ad3805 : -270
28 : #ad5405 : -260
38 : #ad7005 : -250
48 : #ad8c05 : -240
58 : #ada805 : -230
68 : #97ad05 : -220
78 : #7bad05 : -210
88 : #5fad05 : -200
98 : #43ad05 : -190
108 : #27ad05 : -180
118 : #0bad05 : -170
128 : #05ad1c : -160
138 : #05ad38 : -150
148 : #05ad54 : -140
158 : #05ad70 : -130
168 : #05ad8c : -120
178 : #05ada8 : -110
188 : #0597ad : -100
198 : #057bad : -90
208 : #055fad : -80
218 : #0543ad : -70
228 : #0527ad : -60
238 : #050bad : -50
248 : #1c05ad : -40
258 : #3805ad : -30
268 : #5405ad : -20
278 : #7005ad : -10
288 : #8c05ad : ±0
298 : #a805ad : +10
308 : #ad0597 : +20
318 : #ad057b : +30
328 : #ad055f : +40
338 : #ad0543 : +50
348 : #ad0527 : +60
358 : #ad050b : +70
278 : #7005ad : -10
279 : #7205ad : -9
280 : #7505ad : -8
281 : #7805ad : -7
282 : #7b05ad : -6
283 : #7e05ad : -5
284 : #8005ad : -4
285 : #8305ad : -3
286 : #8605ad : -2
287 : #8905ad : -1
288 : #8c05ad : ±0
289 : #8e05ad : +1
290 : #9105ad : +2
291 : #9405ad : +3
292 : #9705ad : +4
293 : #9a05ad : +5
294 : #9c05ad : +6
295 : #9f05ad : +7
296 : #a205ad : +8
297 : #a505ad : +9
298 : #a805ad : +10
S : 彩度 ( 94% )
(0%) 渋い ~ 鮮やか (100%)
0 : #595959 : -94
2 : #5a575b : -92
4 : #5b565d : -90
6 : #5c545f : -88
8 : #5e5260 : -86
10 : #5f5062 : -84
12 : #604f64 : -82
14 : #614d66 : -80
16 : #624b68 : -78
18 : #634969 : -76
20 : #64476b : -74
22 : #65466d : -72
24 : #66446f : -70
26 : #674270 : -68
28 : #684072 : -66
30 : #693e74 : -64
32 : #6a3d76 : -62
34 : #6b3b78 : -60
36 : #6d3979 : -58
38 : #6e377b : -56
40 : #6f367d : -54
42 : #70347f : -52
44 : #713281 : -50
46 : #723082 : -48
48 : #732e84 : -46
50 : #742d86 : -44
52 : #752b88 : -42
54 : #762989 : -40
56 : #77278b : -38
58 : #78258d : -36
60 : #79248f : -34
62 : #7a2291 : -32
64 : #7c2092 : -30
66 : #7d1e94 : -28
68 : #7e1d96 : -26
70 : #7f1b98 : -24
72 : #80199a : -22
74 : #81179b : -20
76 : #82159d : -18
78 : #83149f : -16
80 : #8412a1 : -14
82 : #8510a2 : -12
84 : #860ea4 : -10
86 : #870ca6 : -8
88 : #880ba8 : -6
90 : #8909aa : -4
92 : #8b07ab : -2
94 : #8c05ad : ±0
96 : #8d04af : +2
98 : #8e02b1 : +4
100 : #8f00b3 : +6
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #040005 : -34
3 : #0c000f : -32
5 : #140119 : -30
7 : #1c0123 : -28
9 : #24012d : -26
11 : #2c0236 : -24
13 : #340240 : -22
15 : #3c024a : -20
17 : #440354 : -18
19 : #4c035e : -16
21 : #540368 : -14
23 : #5c0472 : -12
25 : #64047c : -10
27 : #6c0486 : -8
29 : #74048f : -6
31 : #7c0599 : -4
33 : #8405a3 : -2
35 : #8c05ad : ±0
37 : #9406b7 : +2
39 : #9c06c1 : +4
41 : #a406cb : +6
43 : #ab07d5 : +8
45 : #b307df : +10
47 : #bb07e9 : +12
49 : #c307f2 : +14
51 : #c90df8 : +16
53 : #cb16f8 : +18
55 : #cd20f8 : +20
57 : #cf2af8 : +22
59 : #d134f9 : +24
61 : #d43ef9 : +26
63 : #d648f9 : +28
65 : #d852fa : +30
67 : #da5cfa : +32
69 : #dd66fa : +34
71 : #df70fb : +36
73 : #e179fb : +38
75 : #e383fb : +40
77 : #e58dfb : +42
79 : #e897fc : +44
81 : #eaa1fc : +46
83 : #ecabfc : +48
85 : #eeb5fd : +50
87 : #f1bffd : +52
89 : #f3c9fd : +54
91 : #f5d2fe : +56
93 : #f7dcfe : +58
95 : #f9e6fe : +60
97 : #fcf0ff : +62
99 : #fefaff : +64
CSS入門、作ってます。
text-shadow