#7160be
RGB
赤 | 113 |
---|---|
緑 | 96 |
青 | 190 |
HSL
色相 | 251° |
---|---|
彩度 | 42% |
明度 | 56% |
輝度 | 44% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 113, 緑 = 96, 青 = 190 )
HSL ( 色相 = 251°, 彩度 = 42%, 明度 = 56% )
H : 色相 ( 251° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #be6160 : -250
11 : #be7160 : -240
21 : #be8160 : -230
31 : #be9060 : -220
41 : #bea060 : -210
51 : #beb060 : -200
61 : #bcbe60 : -190
71 : #adbe60 : -180
81 : #9dbe60 : -170
91 : #8dbe60 : -160
101 : #7ebe60 : -150
111 : #6ebe60 : -140
121 : #60be61 : -130
131 : #60be71 : -120
141 : #60be81 : -110
151 : #60be90 : -100
161 : #60bea0 : -90
171 : #60beb0 : -80
181 : #60bcbe : -70
191 : #60adbe : -60
201 : #609dbe : -50
211 : #608dbe : -40
221 : #607ebe : -30
231 : #606ebe : -20
241 : #6160be : -10
251 : #7160be : ±0
261 : #8160be : +10
271 : #9060be : +20
281 : #a060be : +30
291 : #b060be : +40
301 : #be60bc : +50
311 : #be60ad : +60
321 : #be609d : +70
331 : #be608d : +80
341 : #be607e : +90
351 : #be606e : +100
241 : #6160be : -10
242 : #6360be : -9
243 : #6460be : -8
244 : #6660be : -7
245 : #6860be : -6
246 : #6960be : -5
247 : #6b60be : -4
248 : #6c60be : -3
249 : #6e60be : -2
250 : #6f60be : -1
251 : #7160be : ±0
252 : #7360be : +1
253 : #7460be : +2
254 : #7660be : +3
255 : #7760be : +4
256 : #7960be : +5
257 : #7a60be : +6
258 : #7c60be : +7
259 : #7e60be : +8
260 : #7f60be : +9
261 : #8160be : +10
S : 彩度 ( 42% )
(0%) 渋い ~ 鮮やか (100%)
0 : #8e8e8e : -42
2 : #8d8d91 : -40
4 : #8c8a93 : -38
6 : #8b8896 : -36
8 : #898698 : -34
10 : #88849a : -32
12 : #86819c : -30
14 : #857f9f : -28
16 : #837da1 : -26
18 : #827ba3 : -24
20 : #8178a5 : -22
22 : #7f76a7 : -20
24 : #7e74aa : -18
26 : #7c72ac : -16
28 : #7b6fae : -14
30 : #796db0 : -12
32 : #786bb3 : -10
34 : #7769b5 : -8
36 : #7566b7 : -6
38 : #7464b9 : -4
40 : #7262bc : -2
42 : #7160be : ±0
44 : #705dc0 : +2
46 : #6e5bc2 : +4
48 : #6d59c5 : +6
50 : #6b57c7 : +8
52 : #6a54c9 : +10
54 : #6852cb : +12
56 : #6750ce : +14
58 : #664ed0 : +16
60 : #644bd2 : +18
62 : #6349d4 : +20
64 : #6147d7 : +22
66 : #6045d9 : +24
68 : #5e43db : +26
70 : #5d40dd : +28
72 : #5c3ee0 : +30
74 : #5a3ce2 : +32
76 : #593ae4 : +34
78 : #5737e6 : +36
80 : #5635e9 : +38
82 : #5533eb : +40
84 : #5331ed : +42
86 : #522eef : +44
88 : #502cf2 : +46
90 : #4f2af4 : +48
92 : #4d28f6 : +50
94 : #4c25f8 : +52
96 : #4b23fb : +54
98 : #4921fd : +56
100 : #481fff : +58
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #040307 : -54
4 : #07060e : -52
6 : #0b0916 : -50
8 : #0f0c1d : -48
10 : #130f24 : -46
12 : #16122b : -44
14 : #1a1533 : -42
16 : #1e183a : -40
18 : #221b41 : -38
20 : #251e48 : -36
22 : #292150 : -34
24 : #2d2357 : -32
26 : #31265e : -30
28 : #342965 : -28
30 : #382c6d : -26
32 : #3c2f74 : -24
34 : #40327b : -22
36 : #433582 : -20
38 : #47388a : -18
40 : #4b3b91 : -16
42 : #4f3e98 : -14
44 : #52419f : -12
46 : #5644a7 : -10
48 : #5a47ae : -8
50 : #5e4ab5 : -6
52 : #6451b8 : -4
54 : #6a58bb : -2
56 : #7160be : ±0
58 : #7767c1 : +2
60 : #7e6ec4 : +4
62 : #8475c7 : +6
64 : #8b7dca : +8
66 : #9184cd : +10
68 : #988bd0 : +12
70 : #9e92d3 : +14
72 : #a59ad6 : +16
74 : #aba1d9 : +18
76 : #b2a8dc : +20
78 : #b8afde : +22
80 : #beb7e1 : +24
82 : #c5bee4 : +26
84 : #cbc5e7 : +28
86 : #d2ccea : +30
88 : #d8d4ed : +32
90 : #dfdbf0 : +34
92 : #e5e2f3 : +36
94 : #ece9f6 : +38
96 : #f2f1f9 : +40
98 : #f9f8fc : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow