#276231
RGB
| 赤 | 39 |
|---|---|
| 緑 | 98 |
| 青 | 49 |
HSL
| 色相 | 130° |
|---|---|
| 彩度 | 43% |
| 明度 | 27% |
| 輝度 | 29% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 39, 緑 = 98, 青 = 49 )
HSL ( 色相 = 130°, 彩度 = 43%, 明度 = 27% )
H : 色相 ( 130° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #622727 : -130
10 : #623127 : -120
20 : #623b27 : -110
30 : #624527 : -100
40 : #624f27 : -90
50 : #625927 : -80
60 : #626227 : -70
70 : #596227 : -60
80 : #4f6227 : -50
90 : #456227 : -40
100 : #3b6227 : -30
110 : #316227 : -20
120 : #276227 : -10
130 : #276231 : ±0
140 : #27623b : +10
150 : #276245 : +20
160 : #27624f : +30
170 : #276259 : +40
180 : #276262 : +50
190 : #275962 : +60
200 : #274f62 : +70
210 : #274562 : +80
220 : #273b62 : +90
230 : #273162 : +100
240 : #272762 : +110
250 : #312762 : +120
260 : #3b2762 : +130
270 : #452762 : +140
280 : #4f2762 : +150
290 : #592762 : +160
300 : #622762 : +170
310 : #622759 : +180
320 : #62274f : +190
330 : #622745 : +200
340 : #62273b : +210
350 : #622731 : +220
120 : #276227 : -10
121 : #276228 : -9
122 : #276229 : -8
123 : #27622a : -7
124 : #27622b : -6
125 : #27622c : -5
126 : #27622d : -4
127 : #27622e : -3
128 : #27622f : -2
129 : #276230 : -1
130 : #276231 : ±0
131 : #276232 : +1
132 : #276233 : +2
133 : #276234 : +3
134 : #276235 : +4
135 : #276236 : +5
136 : #276237 : +6
137 : #276238 : +7
138 : #276239 : +8
139 : #27623a : +9
140 : #27623b : +10
S : 彩度 ( 43% )
(0%) 渋い ～ 鮮やか (100%)
1 : #444644 : -42
3 : #434743 : -40
5 : #414843 : -38
7 : #404a42 : -36
9 : #3f4b41 : -34
11 : #3d4c40 : -32
13 : #3c4e3f : -30
15 : #3b4f3e : -28
17 : #39513d : -26
19 : #38523c : -24
21 : #36533b : -22
23 : #35553a : -20
25 : #345639 : -18
27 : #325738 : -16
29 : #315938 : -14
31 : #305a37 : -12
33 : #2e5c36 : -10
35 : #2d5d35 : -8
37 : #2b5e34 : -6
39 : #2a6033 : -4
41 : #296132 : -2
43 : #276231 : ±0
45 : #266430 : +2
47 : #24652f : +4
49 : #23672e : +6
51 : #22682d : +8
53 : #20692d : +10
55 : #1f6b2c : +12
57 : #1e6c2b : +14
59 : #1c6d2a : +16
61 : #1b6f29 : +18
63 : #197028 : +20
65 : #187227 : +22
67 : #177326 : +24
69 : #157425 : +26
71 : #147624 : +28
73 : #137723 : +30
75 : #117822 : +32
77 : #107a22 : +34
79 : #0e7b21 : +36
81 : #0d7d20 : +38
83 : #0c7e1f : +40
85 : #0a7f1e : +42
87 : #09811d : +44
89 : #08821c : +46
91 : #06841b : +48
93 : #05851a : +50
95 : #038619 : +52
97 : #028818 : +54
99 : #018917 : +56
L : 明度 ( 27% )
(0%) 暗い ～ 明るい (100%)
1 : #010402 : -26
3 : #040b05 : -24
5 : #071209 : -22
7 : #0a1a0d : -20
9 : #0d2110 : -18
11 : #102814 : -16
13 : #132f18 : -14
15 : #16371b : -12
17 : #193e1f : -10
19 : #1c4523 : -8
21 : #1f4d26 : -6
23 : #21542a : -4
25 : #245b2d : -2
27 : #276231 : ±0
29 : #2a6a35 : +2
31 : #2d7138 : +4
33 : #30783c : +6
35 : #338040 : +8
37 : #368743 : +10
39 : #398e47 : +12
41 : #3c964b : +14
43 : #3f9d4e : +16
45 : #41a452 : +18
47 : #44ab55 : +20
49 : #47b359 : +22
51 : #4cb85e : +24
53 : #54bb65 : +26
55 : #5bbe6b : +28
57 : #62c072 : +30
59 : #69c378 : +32
61 : #71c67f : +34
63 : #78c986 : +36
65 : #7fcc8c : +38
67 : #87cf93 : +40
69 : #8ed299 : +42
71 : #95d5a0 : +44
73 : #9dd8a6 : +46
75 : #a4dbad : +48
77 : #abdeb4 : +50
79 : #b2e0ba : +52
81 : #bae3c1 : +54
83 : #c1e6c7 : +56
85 : #c8e9ce : +58
87 : #d0ecd4 : +60
89 : #d7efdb : +62
91 : #def2e1 : +64
93 : #e5f5e8 : +66
95 : #edf8ef : +68
97 : #f4fbf5 : +70
99 : #fbfefc : +72
CSS入門、作ってます。
text-shadow