#60ff18
RGB
| 赤 | 96 |
|---|---|
| 緑 | 255 |
| 青 | 24 |
HSL
| 色相 | 101° |
|---|---|
| 彩度 | 100% |
| 明度 | 55% |
| 輝度 | 71% |
３桁の色
補色
反転色
RGB ( 赤 = 96, 緑 = 255, 青 = 24 )
HSL ( 色相 = 101°, 彩度 = 100%, 明度 = 55% )
H : 色相 ( 101° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #ff1d1a : -100
11 : #ff441a : -90
21 : #ff6a1a : -80
31 : #ff901a : -70
41 : #ffb61a : -60
51 : #ffdd1a : -50
61 : #fbff1a : -40
71 : #d5ff1a : -30
81 : #afff1a : -20
91 : #88ff1a : -10
101 : #62ff1a : ±0
111 : #3cff1a : +10
121 : #1aff1d : +20
131 : #1aff44 : +30
141 : #1aff6a : +40
151 : #1aff90 : +50
161 : #1affb6 : +60
171 : #1affdd : +70
181 : #1afbff : +80
191 : #1ad5ff : +90
201 : #1aafff : +100
211 : #1a88ff : +110
221 : #1a62ff : +120
231 : #1a3cff : +130
241 : #1d1aff : +140
251 : #441aff : +150
261 : #6a1aff : +160
271 : #901aff : +170
281 : #b61aff : +180
291 : #dd1aff : +190
301 : #ff1afb : +200
311 : #ff1ad5 : +210
321 : #ff1aaf : +220
331 : #ff1a88 : +230
341 : #ff1a62 : +240
351 : #ff1a3c : +250
91 : #88ff1a : -10
92 : #85ff1a : -9
93 : #81ff1a : -8
94 : #7dff1a : -7
95 : #79ff1a : -6
96 : #75ff1a : -5
97 : #71ff1a : -4
98 : #6eff1a : -3
99 : #6aff1a : -2
100 : #66ff1a : -1
101 : #62ff1a : ±0
102 : #5eff1a : +1
103 : #5bff1a : +2
104 : #57ff1a : +3
105 : #53ff1a : +4
106 : #4fff1a : +5
107 : #4bff1a : +6
108 : #47ff1a : +7
109 : #44ff1a : +8
110 : #40ff1a : +9
111 : #3cff1a : +10
S : 彩度 ( 100% )
(0%) 渋い ～ 鮮やか (100%)
0 : #8c8c8c : -100
2 : #8b8f8a : -98
4 : #8b9188 : -96
6 : #8a9385 : -94
8 : #899583 : -92
10 : #889881 : -90
12 : #879a7e : -88
14 : #869c7c : -86
16 : #869f7a : -84
18 : #85a178 : -82
20 : #84a375 : -80
22 : #83a573 : -78
24 : #82a871 : -76
26 : #81aa6e : -74
28 : #80ac6c : -72
30 : #80af6a : -70
32 : #7fb168 : -68
34 : #7eb365 : -66
36 : #7db663 : -64
38 : #7cb861 : -62
40 : #7bba5e : -60
42 : #7bbc5c : -58
44 : #7abf5a : -56
46 : #79c157 : -54
48 : #78c355 : -52
50 : #77c653 : -50
52 : #76c851 : -48
54 : #76ca4e : -46
56 : #75cd4c : -44
58 : #74cf4a : -42
60 : #73d147 : -40
62 : #72d345 : -38
64 : #71d643 : -36
66 : #70d841 : -34
68 : #70da3e : -32
70 : #6fdd3c : -30
72 : #6edf3a : -28
74 : #6de137 : -26
76 : #6ce335 : -24
78 : #6be633 : -22
80 : #6be830 : -20
82 : #6aea2e : -18
84 : #69ed2c : -16
86 : #68ef2a : -14
88 : #67f127 : -12
90 : #66f425 : -10
92 : #66f623 : -8
94 : #65f820 : -6
96 : #64fa1e : -4
98 : #63fd1c : -2
100 : #62ff1a : ±0
L : 明度 ( 55% )
(0%) 暗い ～ 明るい (100%)
1 : #020500 : -54
3 : #050f00 : -52
5 : #081a00 : -50
7 : #0b2400 : -48
9 : #0f2e00 : -46
11 : #123800 : -44
13 : #154200 : -42
15 : #184d00 : -40
17 : #1b5700 : -38
19 : #1f6100 : -36
21 : #226b00 : -34
23 : #257500 : -32
25 : #288000 : -30
27 : #2c8a00 : -28
29 : #2f9400 : -26
31 : #329e00 : -24
33 : #35a800 : -22
35 : #39b300 : -20
37 : #3cbd00 : -18
39 : #3fc700 : -16
41 : #42d100 : -14
43 : #45db00 : -12
45 : #49e600 : -10
47 : #4cf000 : -8
49 : #4ffa00 : -6
51 : #54ff05 : -4
53 : #5bff0f : -2
55 : #62ff1a : ±0
57 : #69ff24 : +2
59 : #70ff2e : +4
61 : #77ff38 : +6
63 : #7eff42 : +8
65 : #85ff4d : +10
67 : #8cff57 : +12
69 : #93ff61 : +14
71 : #9aff6b : +16
73 : #a1ff75 : +18
75 : #a8ff80 : +20
77 : #afff8a : +22
79 : #b6ff94 : +24
81 : #bdff9e : +26
83 : #c4ffa8 : +28
85 : #cbffb3 : +30
87 : #d2ffbd : +32
89 : #d9ffc7 : +34
91 : #e0ffd1 : +36
93 : #e7ffdb : +38
95 : #eeffe6 : +40
97 : #f5fff0 : +42
99 : #fcfffa : +44
CSS入門、作ってます。
text-shadow