#68b045
RGB
赤 | 104 |
---|---|
緑 | 176 |
青 | 69 |
HSL
色相 | 100° |
---|---|
彩度 | 44% |
明度 | 48% |
輝度 | 56% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 104, 緑 = 176, 青 = 69 )
HSL ( 色相 = 100°, 彩度 = 44%, 明度 = 48% )
H : 色相 ( 100° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #b04545 : -100
10 : #b05645 : -90
20 : #b06845 : -80
30 : #b07a45 : -70
40 : #b08c45 : -60
50 : #b09e45 : -50
60 : #b0b045 : -40
70 : #9eb045 : -30
80 : #8cb045 : -20
90 : #7ab045 : -10
100 : #68b045 : ±0
110 : #56b045 : +10
120 : #45b045 : +20
130 : #45b056 : +30
140 : #45b068 : +40
150 : #45b07a : +50
160 : #45b08c : +60
170 : #45b09e : +70
180 : #45b0b0 : +80
190 : #459eb0 : +90
200 : #458cb0 : +100
210 : #457ab0 : +110
220 : #4568b0 : +120
230 : #4556b0 : +130
240 : #4545b0 : +140
250 : #5645b0 : +150
260 : #6845b0 : +160
270 : #7a45b0 : +170
280 : #8c45b0 : +180
290 : #9e45b0 : +190
300 : #b045b0 : +200
310 : #b0459e : +210
320 : #b0458c : +220
330 : #b0457a : +230
340 : #b04568 : +240
350 : #b04556 : +250
90 : #7ab045 : -10
91 : #79b045 : -9
92 : #77b045 : -8
93 : #75b045 : -7
94 : #73b045 : -6
95 : #71b045 : -5
96 : #70b045 : -4
97 : #6eb045 : -3
98 : #6cb045 : -2
99 : #6ab045 : -1
100 : #68b045 : ±0
101 : #67b045 : +1
102 : #65b045 : +2
103 : #63b045 : +3
104 : #61b045 : +4
105 : #5fb045 : +5
106 : #5eb045 : +6
107 : #5cb045 : +7
108 : #5ab045 : +8
109 : #58b045 : +9
110 : #56b045 : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7a7a7a : -44
2 : #7a7d78 : -42
4 : #797f76 : -40
6 : #788273 : -38
8 : #778471 : -36
10 : #76876e : -34
12 : #76896c : -32
14 : #758c69 : -30
16 : #748e67 : -28
18 : #739064 : -26
20 : #729362 : -24
22 : #71955f : -22
24 : #71985d : -20
26 : #709a5b : -18
28 : #6f9d58 : -16
30 : #6e9f56 : -14
32 : #6da253 : -12
34 : #6da451 : -10
36 : #6ca64e : -8
38 : #6ba94c : -6
40 : #6aab49 : -4
42 : #69ae47 : -2
44 : #68b045 : ±0
46 : #68b342 : +2
48 : #67b540 : +4
50 : #66b83d : +6
52 : #65ba3b : +8
54 : #64bc38 : +10
56 : #64bf36 : +12
58 : #63c133 : +14
60 : #62c431 : +16
62 : #61c62f : +18
64 : #60c92c : +20
66 : #5fcb2a : +22
68 : #5fce27 : +24
70 : #5ed025 : +26
72 : #5dd322 : +28
74 : #5cd520 : +30
76 : #5bd71d : +32
78 : #5bda1b : +34
80 : #5adc18 : +36
82 : #59df16 : +38
84 : #58e114 : +40
86 : #57e411 : +42
88 : #56e60f : +44
90 : #56e90c : +46
92 : #55eb0a : +48
94 : #54ed07 : +50
96 : #53f005 : +52
98 : #52f202 : +54
100 : #52f500 : +56
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #040703 : -46
4 : #090f06 : -44
6 : #0d1609 : -42
8 : #111d0b : -40
10 : #16250e : -38
12 : #1a2c11 : -36
14 : #1e3314 : -34
16 : #233b17 : -32
18 : #27421a : -30
20 : #2c491d : -28
22 : #30511f : -26
24 : #345822 : -24
26 : #395f25 : -22
28 : #3d6728 : -20
30 : #416e2b : -18
32 : #46762e : -16
34 : #4a7d31 : -14
36 : #4e8433 : -12
38 : #538c36 : -10
40 : #579339 : -8
42 : #5b9a3c : -6
44 : #60a23f : -4
46 : #64a942 : -2
48 : #68b045 : ±0
50 : #6db847 : +2
52 : #73ba4f : +4
54 : #78bd56 : +6
56 : #7ec05d : +8
58 : #84c365 : +10
60 : #8ac66c : +12
62 : #90c973 : +14
64 : #96cc7b : +16
66 : #9cce82 : +18
68 : #a1d189 : +20
70 : #a7d491 : +22
72 : #add798 : +24
74 : #b3daa0 : +26
76 : #b9dda7 : +28
78 : #bfe0ae : +30
80 : #c5e2b6 : +32
82 : #cae5bd : +34
84 : #d0e8c4 : +36
86 : #d6ebcc : +38
88 : #dceed3 : +40
90 : #e2f1da : +42
92 : #e8f4e2 : +44
94 : #edf6e9 : +46
96 : #f3f9f0 : +48
98 : #f9fcf8 : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow