#977f03
RGB
赤 | 151 |
---|---|
緑 | 127 |
青 | 3 |
HSL
色相 | 50° |
---|---|
彩度 | 96% |
明度 | 30% |
輝度 | 47% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 151, 緑 = 127, 青 = 3 )
HSL ( 色相 = 50°, 彩度 = 96%, 明度 = 30% )
H : 色相 ( 50° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #960303 : -50
10 : #961c03 : -40
20 : #963403 : -30
30 : #964d03 : -20
40 : #966503 : -10
50 : #967d03 : ±0
60 : #969603 : +10
70 : #7d9603 : +20
80 : #659603 : +30
90 : #4d9603 : +40
100 : #349603 : +50
110 : #1c9603 : +60
120 : #039603 : +70
130 : #03961c : +80
140 : #039634 : +90
150 : #03964d : +100
160 : #039665 : +110
170 : #03967d : +120
180 : #039696 : +130
190 : #037d96 : +140
200 : #036596 : +150
210 : #034d96 : +160
220 : #033496 : +170
230 : #031c96 : +180
240 : #030396 : +190
250 : #1c0396 : +200
260 : #340396 : +210
270 : #4d0396 : +220
280 : #650396 : +230
290 : #7d0396 : +240
300 : #960396 : +250
310 : #96037d : +260
320 : #960365 : +270
330 : #96034d : +280
340 : #960334 : +290
350 : #96031c : +300
40 : #966503 : -10
41 : #966703 : -9
42 : #966a03 : -8
43 : #966c03 : -7
44 : #966f03 : -6
45 : #967103 : -5
46 : #967403 : -4
47 : #967603 : -3
48 : #967903 : -2
49 : #967b03 : -1
50 : #967d03 : ±0
51 : #968003 : +1
52 : #968203 : +2
53 : #968503 : +3
54 : #968703 : +4
55 : #968a03 : +5
56 : #968c03 : +6
57 : #968f03 : +7
58 : #969103 : +8
59 : #969303 : +9
60 : #969603 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4c4c4c : -96
2 : #4e4e4b : -94
4 : #504f49 : -92
6 : #515048 : -90
8 : #535146 : -88
10 : #545245 : -86
12 : #565343 : -84
14 : #575442 : -82
16 : #595540 : -80
18 : #5a563f : -78
20 : #5c573d : -76
22 : #5d583c : -74
24 : #5f593a : -72
26 : #605a39 : -70
28 : #625b37 : -68
30 : #635c36 : -66
32 : #655d34 : -64
34 : #675e32 : -62
36 : #685f31 : -60
38 : #6a602f : -58
40 : #6b612e : -56
42 : #6d622c : -54
44 : #6e632b : -52
46 : #706429 : -50
48 : #716528 : -48
50 : #736626 : -46
52 : #746725 : -44
54 : #766823 : -42
56 : #776922 : -40
58 : #796a20 : -38
60 : #7a6b1f : -36
62 : #7c6c1d : -34
64 : #7d6d1c : -32
66 : #7f6e1a : -30
68 : #816f18 : -28
70 : #827017 : -26
72 : #847115 : -24
74 : #857214 : -22
76 : #877312 : -20
78 : #887411 : -18
80 : #8a750f : -16
82 : #8b760e : -14
84 : #8d770c : -12
86 : #8e780b : -10
88 : #907909 : -8
90 : #917a08 : -6
92 : #937b06 : -4
94 : #947c05 : -2
96 : #967d03 : ±0
98 : #977e02 : +2
100 : #998000 : +4
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #0a0800 : -28
4 : #141100 : -26
6 : #1e1901 : -24
8 : #282101 : -22
10 : #322a01 : -20
12 : #3c3201 : -18
14 : #463b01 : -16
16 : #504302 : -14
18 : #5a4b02 : -12
20 : #645402 : -10
22 : #6e5c02 : -8
24 : #786402 : -6
26 : #826d03 : -4
28 : #8c7503 : -2
30 : #967d03 : ±0
32 : #a08603 : +2
34 : #aa8e03 : +4
36 : #b49704 : +6
38 : #be9f04 : +8
40 : #c8a704 : +10
42 : #d2b004 : +12
44 : #dcb804 : +14
46 : #e6c005 : +16
48 : #f0c905 : +18
50 : #fad105 : +20
52 : #fad30f : +22
54 : #fad519 : +24
56 : #fbd723 : +26
58 : #fbd82d : +28
60 : #fbda37 : +30
62 : #fbdc41 : +32
64 : #fbde4b : +34
66 : #fce055 : +36
68 : #fce25f : +38
70 : #fce369 : +40
72 : #fce573 : +42
74 : #fce77d : +44
76 : #fde987 : +46
78 : #fdeb91 : +48
80 : #fded9b : +50
82 : #fdeea5 : +52
84 : #fdf0af : +54
86 : #fef2b9 : +56
88 : #fef4c3 : +58
90 : #fef6cd : +60
92 : #fef8d7 : +62
94 : #fef9e1 : +64
96 : #fffbeb : +66
98 : #fffdf5 : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow