#60dc18
RGB
| 赤 | 96 |
|---|---|
| 緑 | 220 |
| 青 | 24 |
HSL
| 色相 | 98° |
|---|---|
| 彩度 | 80% |
| 明度 | 48% |
| 輝度 | 63% |
３桁の色
補色
反転色
RGB ( 赤 = 96, 緑 = 220, 青 = 24 )
HSL ( 色相 = 98°, 彩度 = 80%, 明度 = 48% )
H : 色相 ( 98° )
(0°) 赤～黄～緑～青～紫 (359°)
8 : #dc3318 : -90
18 : #dc5318 : -80
28 : #dc7418 : -70
38 : #dc9518 : -60
48 : #dcb518 : -50
58 : #dcd618 : -40
68 : #c2dc18 : -30
78 : #a2dc18 : -20
88 : #81dc18 : -10
98 : #60dc18 : ±0
108 : #40dc18 : +10
118 : #1fdc18 : +20
128 : #18dc33 : +30
138 : #18dc53 : +40
148 : #18dc74 : +50
158 : #18dc95 : +60
168 : #18dcb5 : +70
178 : #18dcd6 : +80
188 : #18c2dc : +90
198 : #18a2dc : +100
208 : #1881dc : +110
218 : #1860dc : +120
228 : #1840dc : +130
238 : #181fdc : +140
248 : #3318dc : +150
258 : #5318dc : +160
268 : #7418dc : +170
278 : #9518dc : +180
288 : #b518dc : +190
298 : #d618dc : +200
308 : #dc18c2 : +210
318 : #dc18a2 : +220
328 : #dc1881 : +230
338 : #dc1860 : +240
348 : #dc1840 : +250
358 : #dc181f : +260
88 : #81dc18 : -10
89 : #7edc18 : -9
90 : #7adc18 : -8
91 : #77dc18 : -7
92 : #74dc18 : -6
93 : #71dc18 : -5
94 : #6ddc18 : -4
95 : #6adc18 : -3
96 : #67dc18 : -2
97 : #64dc18 : -1
98 : #60dc18 : ±0
99 : #5ddc18 : +1
100 : #5adc18 : +2
101 : #56dc18 : +3
102 : #53dc18 : +4
103 : #50dc18 : +5
104 : #4ddc18 : +6
105 : #49dc18 : +7
106 : #46dc18 : +8
107 : #43dc18 : +9
108 : #40dc18 : +10
S : 彩度 ( 80% )
(0%) 渋い ～ 鮮やか (100%)
0 : #7a7a7a : -80
2 : #7a7d78 : -78
4 : #797f76 : -76
6 : #788273 : -74
8 : #788471 : -72
10 : #77876e : -70
12 : #76896c : -68
14 : #768c69 : -66
16 : #758e67 : -64
18 : #759064 : -62
20 : #749362 : -60
22 : #73955f : -58
24 : #73985d : -56
26 : #729a5b : -54
28 : #719d58 : -52
30 : #719f56 : -50
32 : #70a253 : -48
34 : #6fa451 : -46
36 : #6fa64e : -44
38 : #6ea94c : -42
40 : #6dab49 : -40
42 : #6dae47 : -38
44 : #6cb045 : -36
46 : #6bb342 : -34
48 : #6bb540 : -32
50 : #6ab83d : -30
52 : #69ba3b : -28
54 : #69bc38 : -26
56 : #68bf36 : -24
58 : #67c133 : -22
60 : #67c431 : -20
62 : #66c62f : -18
64 : #66c92c : -16
66 : #65cb2a : -14
68 : #64ce27 : -12
70 : #64d025 : -10
72 : #63d322 : -8
74 : #62d520 : -6
76 : #62d71d : -4
78 : #61da1b : -2
80 : #60dc18 : ±0
82 : #60df16 : +2
84 : #5fe114 : +4
86 : #5ee411 : +6
88 : #5ee60f : +8
90 : #5de90c : +10
92 : #5ceb0a : +12
94 : #5ced07 : +14
96 : #5bf005 : +16
98 : #5af202 : +18
100 : #5af500 : +20
L : 明度 ( 48% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -48
2 : #040901 : -46
4 : #081202 : -44
6 : #0c1c03 : -42
8 : #102504 : -40
10 : #142e05 : -38
12 : #183706 : -36
14 : #1c4007 : -34
16 : #204908 : -32
18 : #245309 : -30
20 : #285c0a : -28
22 : #2c650b : -26
24 : #306e0c : -24
26 : #34770d : -22
28 : #38810e : -20
30 : #3c8a0f : -18
32 : #409310 : -16
34 : #449c11 : -14
36 : #48a512 : -12
38 : #4cae13 : -10
40 : #50b814 : -8
42 : #54c115 : -6
44 : #58ca16 : -4
46 : #5cd317 : -2
48 : #60dc18 : ±0
50 : #64e61a : +2
52 : #6ae723 : +4
54 : #71e82c : +6
56 : #77e935 : +8
58 : #7dea3e : +10
60 : #83eb47 : +12
62 : #89ec51 : +14
64 : #90ed5a : +16
66 : #96ee63 : +18
68 : #9cef6c : +20
70 : #a2f075 : +22
72 : #a8f17e : +24
74 : #aff288 : +26
76 : #b5f391 : +28
78 : #bbf49a : +30
80 : #c1f5a3 : +32
82 : #c7f6ac : +34
84 : #cdf7b6 : +36
86 : #d4f8bf : +38
88 : #daf9c8 : +40
90 : #e0fad1 : +42
92 : #e6fbda : +44
94 : #ecfce3 : +46
96 : #f3fded : +48
98 : #f9fef6 : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow