#a2ca02
RGB
赤 | 162 |
---|---|
緑 | 202 |
青 | 2 |
HSL
色相 | 72° |
---|---|
彩度 | 98% |
明度 | 40% |
輝度 | 66% |
3桁の色
補色
反転色
RGB ( 赤 = 162, 緑 = 202, 青 = 2 )
HSL ( 色相 = 72°, 彩度 = 98%, 明度 = 40% )
H : 色相 ( 72° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #ca0902 : -70
12 : #ca2a02 : -60
22 : #ca4b02 : -50
32 : #ca6d02 : -40
42 : #ca8e02 : -30
52 : #caaf02 : -20
62 : #c3ca02 : -10
72 : #a2ca02 : ±0
82 : #81ca02 : +10
92 : #5fca02 : +20
102 : #3eca02 : +30
112 : #1dca02 : +40
122 : #02ca09 : +50
132 : #02ca2a : +60
142 : #02ca4b : +70
152 : #02ca6d : +80
162 : #02ca8e : +90
172 : #02caaf : +100
182 : #02c3ca : +110
192 : #02a2ca : +120
202 : #0281ca : +130
212 : #025fca : +140
222 : #023eca : +150
232 : #021dca : +160
242 : #0902ca : +170
252 : #2a02ca : +180
262 : #4b02ca : +190
272 : #6d02ca : +200
282 : #8e02ca : +210
292 : #af02ca : +220
302 : #ca02c3 : +230
312 : #ca02a2 : +240
322 : #ca0281 : +250
332 : #ca025f : +260
342 : #ca023e : +270
352 : #ca021d : +280
62 : #c3ca02 : -10
63 : #c0ca02 : -9
64 : #bdca02 : -8
65 : #b9ca02 : -7
66 : #b6ca02 : -6
67 : #b3ca02 : -5
68 : #afca02 : -4
69 : #acca02 : -3
70 : #a9ca02 : -2
71 : #a5ca02 : -1
72 : #a2ca02 : ±0
73 : #9fca02 : +1
74 : #9bca02 : +2
75 : #98ca02 : +3
76 : #95ca02 : +4
77 : #91ca02 : +5
78 : #8eca02 : +6
79 : #8bca02 : +7
80 : #87ca02 : +8
81 : #84ca02 : +9
82 : #81ca02 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #666666 : -98
2 : #676864 : -96
4 : #686a62 : -94
6 : #6a6c60 : -92
8 : #6b6e5e : -90
10 : #6c705c : -88
12 : #6d725a : -86
14 : #6f7458 : -84
16 : #707656 : -82
18 : #717854 : -80
20 : #727a52 : -78
22 : #737c50 : -76
24 : #757e4e : -74
26 : #76814b : -72
28 : #778349 : -70
30 : #788547 : -68
32 : #7a8745 : -66
34 : #7b8943 : -64
36 : #7c8b41 : -62
38 : #7d8d3f : -60
40 : #7e8f3d : -58
42 : #80913b : -56
44 : #819339 : -54
46 : #829537 : -52
48 : #839735 : -50
50 : #859933 : -48
52 : #869b31 : -46
54 : #879d2f : -44
56 : #889f2d : -42
58 : #89a12b : -40
60 : #8ba329 : -38
62 : #8ca527 : -36
64 : #8da725 : -34
66 : #8ea923 : -32
68 : #90ab21 : -30
70 : #91ad1f : -28
72 : #92af1d : -26
74 : #93b11b : -24
76 : #95b418 : -22
78 : #96b616 : -20
80 : #97b814 : -18
82 : #98ba12 : -16
84 : #99bc10 : -14
86 : #9bbe0e : -12
88 : #9cc00c : -10
90 : #9dc20a : -8
92 : #9ec408 : -6
94 : #a0c606 : -4
96 : #a1c804 : -2
98 : #a2ca02 : ±0
100 : #a3cc00 : +2
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #080a00 : -38
4 : #101400 : -36
6 : #181e00 : -34
8 : #202800 : -32
10 : #283201 : -30
12 : #313d01 : -28
14 : #394701 : -26
16 : #415101 : -24
18 : #495b01 : -22
20 : #516501 : -20
22 : #596f01 : -18
24 : #617901 : -16
26 : #698301 : -14
28 : #718d01 : -12
30 : #799702 : -10
32 : #82a202 : -8
34 : #8aac02 : -6
36 : #92b602 : -4
38 : #9ac002 : -2
40 : #a2ca02 : ±0
42 : #aad402 : +2
44 : #b2de02 : +4
46 : #bae802 : +6
48 : #c2f202 : +8
50 : #cafc03 : +10
52 : #cdfd0d : +12
54 : #cffd17 : +14
56 : #d1fd21 : +16
58 : #d3fd2b : +18
60 : #d5fd35 : +20
62 : #d7fd3f : +22
64 : #d9fd49 : +24
66 : #dbfd53 : +26
68 : #ddfd5d : +28
70 : #dffd68 : +30
72 : #e2fe72 : +32
74 : #e4fe7c : +34
76 : #e6fe86 : +36
78 : #e8fe90 : +38
80 : #eafe9a : +40
82 : #ecfea4 : +42
84 : #eefeae : +44
86 : #f0feb8 : +46
88 : #f2fec2 : +48
90 : #f4fecd : +50
92 : #f7ffd7 : +52
94 : #f9ffe1 : +54
96 : #fbffeb : +56
98 : #fdfff5 : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow