#60beb4
RGB
| 赤 | 96 |
|---|---|
| 緑 | 190 |
| 青 | 180 |
HSL
| 色相 | 174° |
|---|---|
| 彩度 | 42% |
| 明度 | 56% |
| 輝度 | 63% |
３桁の色
補色
反転色
RGB ( 赤 = 96, 緑 = 190, 青 = 180 )
HSL ( 色相 = 174°, 彩度 = 42%, 明度 = 56% )
H : 色相 ( 174° )
(0°) 赤～黄～緑～青～紫 (359°)
4 : #be6660 : -170
14 : #be7660 : -160
24 : #be8560 : -150
34 : #be9560 : -140
44 : #bea560 : -130
54 : #beb460 : -120
64 : #b8be60 : -110
74 : #a8be60 : -100
84 : #98be60 : -90
94 : #89be60 : -80
104 : #79be60 : -70
114 : #69be60 : -60
124 : #60be66 : -50
134 : #60be76 : -40
144 : #60be85 : -30
154 : #60be95 : -20
164 : #60bea5 : -10
174 : #60beb4 : ±0
184 : #60b8be : +10
194 : #60a8be : +20
204 : #6098be : +30
214 : #6089be : +40
224 : #6079be : +50
234 : #6069be : +60
244 : #6660be : +70
254 : #7660be : +80
264 : #8560be : +90
274 : #9560be : +100
284 : #a560be : +110
294 : #b460be : +120
304 : #be60b8 : +130
314 : #be60a8 : +140
324 : #be6098 : +150
334 : #be6089 : +160
344 : #be6079 : +170
354 : #be6069 : +180
164 : #60bea5 : -10
165 : #60bea6 : -9
166 : #60bea8 : -8
167 : #60beaa : -7
168 : #60beab : -6
169 : #60bead : -5
170 : #60beae : -4
171 : #60beb0 : -3
172 : #60beb1 : -2
173 : #60beb3 : -1
174 : #60beb4 : ±0
175 : #60beb6 : +1
176 : #60beb8 : +2
177 : #60beb9 : +3
178 : #60bebb : +4
179 : #60bebc : +5
180 : #60bebe : +6
181 : #60bcbe : +7
182 : #60bbbe : +8
183 : #60b9be : +9
184 : #60b8be : +10
S : 彩度 ( 42% )
(0%) 渋い ～ 鮮やか (100%)
0 : #8e8e8e : -42
2 : #8d9191 : -40
4 : #8a9392 : -38
6 : #889694 : -36
8 : #869896 : -34
10 : #849a98 : -32
12 : #819c9a : -30
14 : #7f9f9b : -28
16 : #7da19d : -26
18 : #7ba39f : -24
20 : #78a5a1 : -22
22 : #76a7a3 : -20
24 : #74aaa4 : -18
26 : #72aca6 : -16
28 : #6faea8 : -14
30 : #6db0aa : -12
32 : #6bb3ac : -10
34 : #69b5ad : -8
36 : #66b7af : -6
38 : #64b9b1 : -4
40 : #62bcb3 : -2
42 : #60beb4 : ±0
44 : #5dc0b6 : +2
46 : #5bc2b8 : +4
48 : #59c5ba : +6
50 : #57c7bc : +8
52 : #54c9bd : +10
54 : #52cbbf : +12
56 : #50cec1 : +14
58 : #4ed0c3 : +16
60 : #4bd2c5 : +18
62 : #49d4c6 : +20
64 : #47d7c8 : +22
66 : #45d9ca : +24
68 : #43dbcc : +26
70 : #40ddce : +28
72 : #3ee0cf : +30
74 : #3ce2d1 : +32
76 : #3ae4d3 : +34
78 : #37e6d5 : +36
80 : #35e9d7 : +38
82 : #33ebd8 : +40
84 : #31edda : +42
86 : #2eefdc : +44
88 : #2cf2de : +46
90 : #2af4e0 : +48
92 : #28f6e1 : +50
94 : #25f8e3 : +52
96 : #23fbe5 : +54
98 : #21fde7 : +56
100 : #1fffe9 : +58
L : 明度 ( 56% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -56
2 : #030707 : -54
4 : #060e0e : -52
6 : #091614 : -50
8 : #0c1d1b : -48
10 : #0f2422 : -46
12 : #122b29 : -44
14 : #153330 : -42
16 : #183a37 : -40
18 : #1b413d : -38
20 : #1e4844 : -36
22 : #21504b : -34
24 : #235752 : -32
26 : #265e59 : -30
28 : #29655f : -28
30 : #2c6d66 : -26
32 : #2f746d : -24
34 : #327b74 : -22
36 : #35827b : -20
38 : #388a81 : -18
40 : #3b9188 : -16
42 : #3e988f : -14
44 : #419f96 : -12
46 : #44a79d : -10
48 : #47aea4 : -8
50 : #4ab5aa : -6
52 : #51b8ae : -4
54 : #58bbb1 : -2
56 : #60beb4 : ±0
58 : #67c1b8 : +2
60 : #6ec4bb : +4
62 : #75c7bf : +6
64 : #7dcac2 : +8
66 : #84cdc5 : +10
68 : #8bd0c9 : +12
70 : #92d3cc : +14
72 : #9ad6d0 : +16
74 : #a1d9d3 : +18
76 : #a8dcd6 : +20
78 : #afdeda : +22
80 : #b7e1dd : +24
82 : #bee4e1 : +26
84 : #c5e7e4 : +28
86 : #cceae7 : +30
88 : #d4edeb : +32
90 : #dbf0ee : +34
92 : #e2f3f1 : +36
94 : #e9f6f5 : +38
96 : #f1f9f8 : +40
98 : #f8fcfc : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow