#010184
RGB
赤 | 1 |
---|---|
緑 | 1 |
青 | 132 |
HSL
色相 | 240° |
---|---|
彩度 | 98% |
明度 | 26% |
輝度 | 6% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 1, 緑 = 1, 青 = 132 )
HSL ( 色相 = 240°, 彩度 = 98%, 明度 = 26% )
H : 色相 ( 240° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #830101 : -240
10 : #831701 : -230
20 : #832d01 : -220
30 : #834201 : -210
40 : #835801 : -200
50 : #836e01 : -190
60 : #838301 : -180
70 : #6e8301 : -170
80 : #588301 : -160
90 : #428301 : -150
100 : #2d8301 : -140
110 : #178301 : -130
120 : #018301 : -120
130 : #018317 : -110
140 : #01832d : -100
150 : #018342 : -90
160 : #018358 : -80
170 : #01836e : -70
180 : #018383 : -60
190 : #016e83 : -50
200 : #015883 : -40
210 : #014283 : -30
220 : #012d83 : -20
230 : #011783 : -10
240 : #010183 : ±0
250 : #170183 : +10
260 : #2d0183 : +20
270 : #420183 : +30
280 : #580183 : +40
290 : #6e0183 : +50
300 : #830183 : +60
310 : #83016e : +70
320 : #830158 : +80
330 : #830142 : +90
340 : #83012d : +100
350 : #830117 : +110
230 : #011783 : -10
231 : #011583 : -9
232 : #011383 : -8
233 : #011083 : -7
234 : #010e83 : -6
235 : #010c83 : -5
236 : #010a83 : -4
237 : #010883 : -3
238 : #010683 : -2
239 : #010383 : -1
240 : #010183 : ±0
241 : #030183 : +1
242 : #060183 : +2
243 : #080183 : +3
244 : #0a0183 : +4
245 : #0c0183 : +5
246 : #0e0183 : +6
247 : #100183 : +7
248 : #130183 : +8
249 : #150183 : +9
250 : #170183 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -98
2 : #414144 : -96
4 : #404045 : -94
6 : #3e3e46 : -92
8 : #3d3d48 : -90
10 : #3c3c49 : -88
12 : #3a3a4a : -86
14 : #39394c : -84
16 : #38384d : -82
18 : #36364e : -80
20 : #353550 : -78
22 : #343451 : -76
24 : #323252 : -74
26 : #313154 : -72
28 : #303055 : -70
30 : #2e2e56 : -68
32 : #2d2d58 : -66
34 : #2c2c59 : -64
36 : #2a2a5a : -62
38 : #29295b : -60
40 : #28285d : -58
42 : #26265e : -56
44 : #25255f : -54
46 : #242461 : -52
48 : #222262 : -50
50 : #212163 : -48
52 : #202065 : -46
54 : #1e1e66 : -44
56 : #1d1d67 : -42
58 : #1c1c69 : -40
60 : #1b1b6a : -38
62 : #19196b : -36
64 : #18186d : -34
66 : #17176e : -32
68 : #15156f : -30
70 : #141471 : -28
72 : #131372 : -26
74 : #111173 : -24
76 : #101075 : -22
78 : #0f0f76 : -20
80 : #0d0d77 : -18
82 : #0c0c79 : -16
84 : #0b0b7a : -14
86 : #09097b : -12
88 : #08087d : -10
90 : #07077e : -8
92 : #05057f : -6
94 : #040481 : -4
96 : #030382 : -2
98 : #010183 : ±0
100 : #000085 : +2
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #00000a : -24
4 : #000014 : -22
6 : #00001e : -20
8 : #000028 : -18
10 : #010132 : -16
12 : #01013d : -14
14 : #010147 : -12
16 : #010151 : -10
18 : #01015b : -8
20 : #010165 : -6
22 : #01016f : -4
24 : #010179 : -2
26 : #010183 : ±0
28 : #01018d : +2
30 : #020297 : +4
32 : #0202a2 : +6
34 : #0202ac : +8
36 : #0202b6 : +10
38 : #0202c0 : +12
40 : #0202ca : +14
42 : #0202d4 : +16
44 : #0202de : +18
46 : #0202e8 : +20
48 : #0202f2 : +22
50 : #0303fc : +24
52 : #0d0dfd : +26
54 : #1717fd : +28
56 : #2121fd : +30
58 : #2b2bfd : +32
60 : #3535fd : +34
62 : #3f3ffd : +36
64 : #4949fd : +38
66 : #5353fd : +40
68 : #5d5dfd : +42
70 : #6868fd : +44
72 : #7272fe : +46
74 : #7c7cfe : +48
76 : #8686fe : +50
78 : #9090fe : +52
80 : #9a9afe : +54
82 : #a4a4fe : +56
84 : #aeaefe : +58
86 : #b8b8fe : +60
88 : #c2c2fe : +62
90 : #cdcdfe : +64
92 : #d7d7ff : +66
94 : #e1e1ff : +68
96 : #ebebff : +70
98 : #f5f5ff : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow